第四章 javascript的语句、对象笔记摘要

2022-11-28 14:24:10

表达式语句

greeting ="Hello"+name;//赋值语句

i*=3;

count++;

delete o.x;         //删除

alert(greeting);    //函数

window.close();

y=Math.cos(x);

复合语句和空语句

function(){

    x=Math.PI;

    console.log("x="+x);

}

//初始化一个数组

for(i=0;i<a.length;a[i++]=0);

1.if…else…; else if

2.switch

3.while,do/while,for(in)

4.break,continue,return

5.标签语句

6.throw

  <script>

        var str="Hello";

        function demo(){

           try{

               var e=document.getElementById("txt").value;

               if(e==""){

                   throw "请输入：";

               }

           }catch (err){

               alert(err);

           }

        }

        demo();

    </script>

7.try/ catch/ finally

   <script>

        var str="Hello";

        function demo(){

            try{

                alert(str);

            }catch (err){

                alert(err);

            }

        }

        demo();

    </script>

8.with

嵌套很深的时候用with简化代码

document.forms[0].name.value;

document.forms[0].address.value;

document.forms[0].email.value;

//直接访问表单元素

with(document.forms[0]){

    name.value="";

    address.value="";

    email.value="";

}

9.debugger

以调试模式运行

10.use strict

严格代码解析

对象

1.对象常见用法：创建、设置、查找、删除、检测、枚举

2.属性特性：可写（是否可以设置值）、可枚举（是否能通过for/in循环返回）、可配置（是否可以删除或修改）

3.对象特性：原型、类、扩展标记

4.分类

（1）内置对象：ECMAScript规范定义的对象或类。如：字符串、数值、数组、函数、日期、正则表达式

（2）宿主对象：JavaScript的解释器所嵌入的宿主环境定义的（如Web浏览器）。如：表示网页结构的HTMLElement

（3）自定义对象：运行中的Javascript代码创建的对象

（4）自有属性：直接在对象中定义的属性

（5）继承属性：在对象的原型对象中定义的属性

创建对象

1.对象直接量

var empty={};       //没有任何属性

var point={x:0,y:0};        //两个属性

var book={

    "main title":"JavaScript",             //属性名有空格，必须用字符串表示

    'sub-title':"The Definitive Guide",    //属性名有连字符，必须用字符串

    "for":"all audiences",         //保留字，必须用引号

    author:{

        firstname:"David",

        surname:"Flanggan"

    }

};

2.通过new创建对象

var a=new Array();

var r=new RegExp("js");

3.原型

普通对象都有原型

所有内置构造函数都具有一个继承自Object.prototype的原型

一系列原型对象就是原型链

new Date创建的Date对象的属性同时继承Date.prototype和Object.prototype

4.Object.create()（待补充）

var o1=Object({x:1,y:2});   //o1继承了属性x和y

5.通过函数创建对象

function people(name,age){

    this.name=name;

    this.age=age;

}

son=new people("Mike",18);

document.write("name:"+name+" age:"+age);

属性的查询和设置

//查询

var author=book.author;

var title=book["main title"];  //[]内必须是字符串

//设置

book.author="David";

book["main title"]="JavaScript";

继承

在原型链中一直查找，直到null为止

var o={};

o.x=1;//给o一个x属性

var p=inherit(o);

p.y=2;//p继承o，且给p一个y属性

var q=inherit(p);

q.z=3;

var s=q.toString();

q.x+q.y  //返回3，x和y分别继承自o和p

首先要检查原型链，判定是否允许复制操作

//例如，继承对象含一个只读属性x

var unitcircle={r:1};

var c=inherit(unitcircle);

c.x=1;

c.y=2;

c.r=2;/*覆盖继承来的r属性*/

unitcircle.r;  /*返回1，原型对象没有修改*/

属性访问错误

查询不存在的属性不会报错，返回undefined

查询不存在的对象（如null和undefined）的属性，会报错

设置属性失败：

1.继承只读属性

2.继承已继承且只读的属性

3.没有使用setter方法继承属性？？？

book.subtitle;//返回undefined,subtitle属性不存在

var length=book.subtitle.length;//抛出类型错误异常，undefined没有length属性

//避免出错的方法

var len=undefined;

if(book){

    if(book.subtitle) len=book.subtitle.length;

}

/*或者*/

var len=book&&book.subtitle&&book.subtitle.length;

删除属性

delete只是断开属性和数组对象的联系，而不会去操作属性

delete book.author;//book不再有author属性

delete book["main title"];//book不再有main title属性

只能删除自有属性，不能删除继承属性

删除成功没有任何副作用，返回true

o={x:1}

delete o.x;//删除x，返回true

不能删除会返回false的情况

删除不可配置属性（例如，通过变量声明和函数声明创建的全局对象的属性），报错：类型错误

delete  Object.prototype;//不可配置，不能删除

var x=1;//声明一个全局变量

delete this.x;//返回false

var f(){};

delete this f;//返回false

this.x=1;//声明一个可配置的全局属性

delete x；//返回true

码农公寓