美文网首页
day05 JavaScript基础 2018-08-17

day05 JavaScript基础 2018-08-17

作者: LPP27149 | 来源:发表于2018-08-17 20:57 被阅读0次

一、JavaScript基础语法

  1. js中的注释

//单行注释
/*多行注释*/

  1. 语句
  • 一条语句结束需要加分号(现在的版本可以不用写)
  • 一行写多条语句必须样分号隔开
  1. js中没有缩进问题, 用{ }表示一个块

  2. 基本数据类型:
    Number(数字)、String(字符串)、Boolean(布尔)、Array(数组)--列表、Object(对象)--字典、Function(函数)、null、undefined

  3. 字面量
    数字: 12, 2.718, 3e2;
    字符串: 'abc',"ABC";
    布尔: true,false;
    数组: [1,2,3,4,'a',true],[];
    对象: var dict = {'a': 12, 'b': 23, 'c': true};

  4. 标识符

  • 使用标识符来命名
  • 由字母数字下划线和$组成, 数字不能开头
  • 不能是关键字
  • 大小写敏感,区分大小写
  • 要见名知意

二、变量的声明

在js中可以通过声明变量来保存数据
1.语法
var 变量名
var 变量名 = 值
说明:
  var 是关键字
  变量名: 标识符, 不能随意使用_或$开头;
  驼峰式命名规则(首字母小写,后面每个单词首字母大写)



三、运算符
1.数学运算符: +, -, , /, %, ++, --
a. +,-,
,/,%跟数学运算一致

b.++,--单目运算符,自增和自减
++(--)变量/变量++(--)
赋值时++a先自增再赋值, a++先赋值再自增

var a = 5
a--
console.log(--a)

2.比较运算符: >, <, ==, !=, >=, <=, ===(完全相等), !==, >==, <==
结果都是布尔值
==: 判断值是否相等
console.log(5==5)
console.log(5=='5')

===: 判断值和类型是否相等
console.log(5===5)
console.log(5==='5')

  1. 逻辑运算符: &&(与), ||(或), !(非)
    console.log('与:',true && true, '或:', true||true)

  2. 赋值运算符: =,+=,-=,*=,/=,%=
    赋值运算符的左边必须是变量

  3. 三目运算符: 条件语句?值1:值2
    条件为真,则值为值1,否则为值2

  4. 运算符的优先级和python基本一样,可以通过括号来改变运算顺序


四、javascript中的分支

  1. Switch 语句

语法
switch(n)
{
  case 1:
   执行代码块 1
   break;
  case 2:
   执行代码块 2
   break;
  default:
   n 与 case 1 和 case 2 不同时执行的代码
}
工作方式:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

  1. if - else if -else语句
    语法
    if (条件 1)
    {
      当条件 1 为 true 时执行的代码
    }
    else if (条件 2)
    {
      当条件 2 为 true 时执行的代码
    }
    else
    {
      当条件 1 和 条件 2 都不为 true 时执行的代码
    }

工作方式: 先判断条件1是否为真, 是则执行条件1下的代码块, 否则判断条件2, 同上操作, 所有条件都为假时,执行else下的代码块, 可视情况省去else if 和 else 语句


五、循环语句

JavaScript中有四种循环:for (变量 in 序列) {循环体}, for(语句1,语句2,语句3){循环体},while(条件语句){循环体},do{循环体}while(条件语句)

  1. for (变量 in 序列) {循环体}: 遍历序列, 变量依次获得序列的下标, 没迭代一次,执行一次循环体
    JavaScript for/in 语句循环遍历对象的属性:

实例

var person={fname:"John",lname:"Doe",age:25};
for (x in person)
  {
  console.log(person[x];)
  }
  1. for(语句1,语句2,语句3){循环体}:
  • 语句 1 在循环(代码块)开始前执行
  • 语句 2 定义运行循环(代码块)的条件, 满足时执行循环体
  • 语句 3 在循环(代码块)已被执行之后执行
var x = ''
for (var i=0; i<5; i++)
  {
  x=x + "The number is " + i + "<br>";
  }
  1. while(条件语句){循环体}: 当条件语句为真时执行循环体, 每执行一次循环体判断一次条件语句
    例如
求1+2+3+...+100的值
var sum = 0
while(var i <= 100)
{
      sum += i
}
  1. do{循环体}while(条件语句): 先执行循环体, 再判断条件语句,为真, 则继续执行循环体
    do
    {
      循环体
    }while(条件语句)

六、函数及数据 类型

函数的声明

 function 函数名(参数列表){函数体}
 funciton - 关键字
 函数名 - 驼峰式;见名知意
 参数: 参数可以有默认值, 有默认值的参数要写到后面
 保证每个参数有值
 函数体: 实现函数功能, 只有调用的时候才执行

//没有return时返回值是undefined
function sum1(b,a=1){
    console.log('求和')
    return a+b
}
console.log(sum1(5,4));

函数的调用
  函数名(实参列表)
  调用过程和python一样

作用域
 全局变量:声明在函数外面的变量(从声明开始到文件结束)
 局部变量:声明在函数里面的变量(从声明开始到函数结束)
 函数中可以修改全局变量的值
 函数中可以声明函数
 可以将函数作为变量

数据类型

1.数字,字符串,布尔,列表,对象

  1. 数字: 包含整数和小数(支持科学计数法)
    var num1 = 10;
    var num2 = new Number()

2. 字符串

a. ' ' 和" "括起来的字符集
b. 转义字符(和python一样)
c. 字符编码: Unicode编码
d. str.length: 获取字符串长度
e. 获取单个字符:str下标, 越界结果是undefined
没有切片操作
f. 运算符操作: +(字符串拼接), 字符串可以跟任何类型数据进行+操作
效果都是字符串拼接, 会将其他类型字符串转换成字符串
var str1 = 'abc'
var str2 = "ABC"
var str3 = '\n'
var str4 = '\'

3. 对象, 构造方法(类)

var obj1 = { name: '派大星', age: '29'}

function Person()
{
this.name = '派大星'
this.age = 12
}

var p1 = new Person()
p1.name = '大家好'
console.log(p1.name)


相关文章

  • day05 JavaScript基础 2018-08-17

    一、JavaScript基础语法 js中的注释 //单行注释/*多行注释*/ 语句 一条语句结束需要加分号(现在的...

  • JavaScript基础知识之_day05 JavaScript

    Javascript是面向对象的语言,所以在Javascript语言中,万物皆是对象:字符串是对象、数字也是对象、...

  • 第14天,JavaScript

    第14天,JavaScript @(前端基础)[JavaScript] 目录 一、JavaScript基础 一个完...

  • JS-Basic

    本文主要结构 任务JavaScript基础练习JavaScript集合练习 JavaScript基础练习学到的主要...

  • JavaScript-01

    A 什么是JavaScript JavaScript 定义JavaScript JavaScript基础语法 常用...

  • Js全局变量和局部变量

    //结果: Javascript语言基础 //结果: Javascript语言基础 //结果:Javascri...

  • JavaScript学习指南

    1.1 JavaScript基础概念: JavaScript (ECMAScript) :JavaScript 是...

  • Day05 JavaScript(循环)

    这几天又是国庆、又是出差,基本没有闲下来,也没时间开开电脑。哈,果然学习不是你想学,想学就能学! 世界上有两种长大...

  • javaScript 基础知识

    javaScript 基础知识 一 JavaScript概述 JavaScript概述 JavaScript是客户...

  • 2018-08-17

    2018-08-17 龚 2018-08-17 20:50 · 字数 267 · 阅读 0 · 日记本 作业:按照...

网友评论

      本文标题:day05 JavaScript基础 2018-08-17

      本文链接:https://www.haomeiwen.com/subject/csntiftx.html