javaScript高级程序设计第3版笔记

Posted almslfniswd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javaScript高级程序设计第3版笔记相关的知识,希望对你有一定的参考价值。

<script src = "xxx.js" defer = "defer"> </script>

在引用外部script时,<script src = "">内部不能再有代码,浏览器只加载外部文件</script>

defer 属性只实用于外部js引用情景;属性功能指定下载js代码,直到加载完页面内容才加载js文件;

变量作用域

  • A只能访问a
  • B只能访问a, b
  • C只能访问a, b, c
  • D只能访问a, d

javascript中没有块作用域,只有函数作用域

for(var i = 0; i < 10; i++)

{

  ......

};

alret(i); // i = 9;//i的作用域属于上层作用域;

用var 申明的变量会自动放入最接近的作用域中(所在函数内部),而未使用var申明的变量.都是全局变量

人为约定作用域

通过匿名函数间接约定作用域

 (function(){

.................

})();

    var sum = 0;
    (function(){
        for(var i = 0; i < 10; i++)
        {
            sum += i;
        }
    })();
    alert(sum + i);

会提示i未定义的错误;

数据类型

基本类型(undefined, Null, Boolean, Number, String)

引用类型(Object, Array, Date, RegExp, Function, )

  var obj = new Object();

var arr = new Array();

var arr = new Array(5); //分配长度

var arr = new Array("init", "init1"); //创建并初始化

var time = new Date(); //返回当前系统时间

var re = new RegExp(); //正则表达式类型

Math对象

Math.PI //派的值

Math.max("5", "4", "8", "...");//返回最大值(可以理解为静态成员方法)

Math.min("...");//返回最大值

对象

Object.defineProperty(obj, "name", {

  writable: false,

  value: " bokeyuan"

  });

Object.defineProperty(); //静态成员函数,用来指定成员属性类型

  1. 第一个参数为,需要设定的对象
  2. 第二个参数为,对象属性名;
  3. 第三个对象为,对象属性类型设置

可设置的类型

  • [configurable]  //能否通过delete删除属性,默认true
  • [enumerable]  //能否通过for-in 循环返回属性默认true
  • [writable]         //能否修改属性值 默认true
  • [value]            //读取属性值时从位置读;写入值时,放入此位置,默认undefined;

创建对象

工厂模式(函数调用模式)

function getObj(name, face, toll)

{

  var obj = new Object();

  obj.name = name;

  obj.face = face;

  obj.toll = toll;

  //成员方法

  function ta()

  {

    return face + toll;

  }

  ....

  return obj;

}

var a1 = getObj("...","...","... ");

var a2 = getObj("...","...","... ");

构造函数模式(函数对象等效模式)

function getObj(name, age, time)

{

  this.name = name;

  this.age = age;

  this.time = time;

  function t()

  {

    return this.time++;

  }

}

var obj = new getObj("..", "..", "..");

原型模式(全局初始化模式)

function getObj()

{

  getObj.prototype.name = "...";

  getObj.prototype.age = ....;

  getObj.prototype.time = ....;

function x()

{

  .....

}

}

var obj = new getObj();

组合使用构造函数模式和原型模式(默认全局初始化模式)

function getObj(name, age, time)

{

  this.name = name;

  this.age = age;

  this.time =time;

  function tt()

  {

    ......

  }

}

动态原型模式

寄生构造函数模式

稳妥构造函数模式

继承

原型链

借用构造函数

组合继承

原型式继承

寄生式继承

寄生组合式继承

函数表达式

常规定义

function f()

{

  ............

}

匿名函数

var f = function()

{

  ............

}

闭包

完全错误的一个章//

 

 

 css模块选择器定位元素

通过document或element的querySelector方法选择指定元素对象;

通过element选择指定元素对象;

var a1 = document.querySelector("head");

通过id xxx选择元素对象;

var a2 = document.querySelector("#xxx");

 通过class名选择元素对象;

var a3 = document.querySelector(".classname"); //选择的是该classname的第一个元素对象;

通过document或element的querySelectorAll()方法选择指定元素所有对象返回保存数组中;//等效于getElementByTarName();

var arr = document.querySelectorAll(".....");

取出元素对象

for(var i = 0; i < arr.length(); i++)

{

  arr[i]; //或用arr.item(i);

}

元素遍历

.childElementCount属性返回子元素个数;不包括(文本,注释)

.fristElementChild返回第一个子元素    //等效于fristChild(前者兼容性更好)

.lastElementChild返回最后一个子元素 //等效于lastChild(前者兼容性更好)

.nextElementSibling 同级元素下一个
.previousElementSibling 同级元素上一个

 

html5

焦点管理

document.activeElement//返回文档得到了焦点的元素

document.hasFocus();判断文档是否得到了焦点

document.readyState 判断文档加载状态.类似于load

document.readyState == "loading" //加载中...

document.readyState == "complete" //加载完

document.charset = "UTF-8";设置字符集属性

自定义数据属性

通过data-    可以自定义属性

<div id = "xxx" data-appid = "xxx">

取得或设置自定义属性

element.dataset.appid = "xxxx";

 

 

以上是关于javaScript高级程序设计第3版笔记的主要内容,如果未能解决你的问题,请参考以下文章

《JavaScript高级程序设计(第3版)》笔记-第1章-JavaScript 简介

《JavaScript高级程序设计(第3版)》笔记-序

JavaScript高级程序设计(第3版)第五章读书笔记

JavaScript高级程序设计(第3版)第六章读书笔记

JavaScript 高级程序设计(第3版)笔记——chapter3:基本概念(函数部分)

JavaScript高级程序设计(第3版)