JavaScript第二篇笔记

文章目录

  • 流程控制语句
    • if语句
    • switch条件分支语句
    • for循环
    • break和continue
      • break
      • continue
  • 对象

流程控制语句

if语句

语法一
if(条件表达式)语句
if语句在执行时,会先对条件表达式进行求值判断,如果条件表达式的值为true,则执行if后的语句,如果条件表达式的值为false,则不会执行if后的语句;
if语句只能控制紧随其后的那个语句,如果希望控制多条语句,可以将这些语句放入代码块{ }中。
语法二
if(条件表达式){语句}
else if(条件表达式){ 语句}
else if(条件表达式){ 语句}

else{ 语句}
当该语句执行时,会从上到下依次对条件表达式进行判断,如果值为true,则执行当前语句,如果值为false,则继续向下判断,如果所有条件不满足,则执行最后一个else后的语句。

switch条件分支语句

语法
switch(条件表达式){
undefined
case 表达式:语句 break;
case 表达式:语句 break;

default:语句 break;
}
执行流程:在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较,如果比较的结果为true,则从当前case处执行代码,记得在每一个case语句的后面添加一个break,以避免继续执行后面的case。
如果比较的结果为false,则继续向下比较,如果所有的比较结果都为false,则会执行default后的语句

for循环

语法:for(初始化表达式;条件表达式;更新表达式)
{
语句
}
执行流程:
①执行初始化表达式,初始化变量(初始化表达式只会执行一次)
②执行条件表达式,判断是否执行循环。
true继续执行,false终止循环。
③执行更新表达式,更新表达式执行完毕继续重复。

break和continue

break

  • break关键字可以用来退出switch或循语句
  • 不能在if语句中用break和continue
  • break关键字,会立即终止离他最近的那个循环语句

continue

  • continue关键字可以用来跳过当次循环
  • 同样continue也是默认只会对离他最近的循环起作用

对象

  • 对象属于一种复合的数据类型,在对象中可以保存多个不同类型的属性
    1、对象的分类
    (1)内建对象

由ES标准中定义的对象,在任何的ES的实现中都可以使用
比如:String Number Boolean Function Object等等

(2)宿主对象

由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象 比如:BOM DOM

(3)自定义对象

由开发人员自己创建的对象

2、创建对象

  • 使用new关键字调用的函数,是构造函数
  • 构造函数是专门用来创建对象的函数
  • 使用typeof检查一个对象时,会返回object

3、向对象中添加属性

  • 在对象中保存的值称为属性
  • 语法:对象名.属性名=属性值 属性名:不强制要求尽量遵守标识符的规范,但是还是使用标识符的规范去做
    var a=new Object(); a.name="小小怪";
  • 如果要使用特殊的属性名,不能采用 . 的方式来操作,需要另一种形式:
  • 语法:对象[“属性名”] = 属性值,读取也采用这种方式
 a["123"]=789;
 a["nihao"]="您好"
 console.log(a["123"]);

4、读取对象中的属性

语法:

  • 对象.属性名 如果读取对象中没有属性,
  • 不会报错而是会返回undefined
    console.log(a.name);

5、修改对象的属性值

  • 语法:对象.属性名 = 新值
obj.name = "tom";

6、删除对象的属性

  • 语法:delete 对象.属性名
delete a.name;

7、in运算符

  • 通过该运算符可以检查一个对象是否含有指定的属性,如果有则返回true,没有则返回false
  • 语法:“属性名” in 对象
console.log("name" in a);

8、对象的属性值可以是任何的数据类型,也可以是一个函数

  • 函数也可以称为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法,调用函数就说调用对象的方法
  var a = new Object();
a.name = "小小怪";
a.say = function(){
alert(a.name);
};
function fun()
{alert(a.name);
}
a.say();//调方法
fun();//调函数

你可能感兴趣的:(笔记,前端,javascript)