*

原型

• 原型是一个公有祖先，原型也是一个对象
• prototype
  • 就是祖先元素，祖先有的，子类也要有
  • prototype更改删除都需要原型函数修改
  • 可以通过引用值添加属性的方法添加值
  • 覆盖性的修改：直接替换掉对象，修改之后是在自身添加属性，原型函数内的不被修改
• 1.定义：
  • 原型是function对象的一个属性，定义了构造函数制造出的对象公共祖先，通过该构造函数产生的对象，可以继承该原型的属性和方法
• 4.constructor
  • 对象如何查看对象的构造函数 constructor（可以改变）
• 5.用处：
  • 利用原型特点和概念，可以提取公有属性
  • 提取对象的公有属性（构造之后就有的属性方法）
• 增加：
  • 只可以用类名调用prototype才可以添加值，
  • 调用对象不能更改祖先的值，而是给自己加了一个值
  • 可以直接赋值给prototype一个对象，或者引用值
• 删除值：
  • delete 删除空值返回ture
  • 对象也不能操作原型
• __proto__
  • 对象如何查看原型,隐式属性 ___Proto____
  • 是在原型函数变成对象时候，加入到this对象中
  • 关联函数定义时候的prototype属性
  • __proto__ 可以被修改，定义对象时候默认就已经添加一个对象
  • 如果值不相等，很可能是__proto__ 的对象指向有问题

原型链

• 如何构成原型链(对象的属性__proto__是链式结构)
• 原型连成链，从头访问到尾，找到object对象
• 绝大多数对象最终都会继承Object.prototype

  • undefined 和 null

    • 都没有原型
• Object.create(原型 or null) 也可以创建一个对象

javasrtipt数字范围

• 小数点前面是16位，小数点后面也是16位（超出无法计算）

toString()方法

• 在数学运算中 . 的优先值最高
• 有的toString方法被重写过，所以调用时候显示不同

toFIxed()

• 有一个bug，有一定几率精度不准，一串0

call()

• 根本就是改变对象的指向
• 对象1.call(对象2，对象2的参数…)
  • //对象1是拥有需要调用方法的对象，
  • //对象2是要改变this指向的对象
• 任何方法都有.call()
• test() –> test.call() 其实是这么调用
• 用法：

• var obj = {}
  // test.call(obj,参数) //this就不再是默认值，而是obj

apply()

• 和call()的参数传递不一样，别的都一样
• apply(obj,array)
• call需要把实参按照形参个数传进去
• apply需要把实参封装成数组传递过去

4.扩展延伸知识

• javascript的选择器选择元素

  • 使用
    • document.querySelector()选择一个
    • document.querySelectorAll() 选择一组
  • 注意
    • 同级类不能有空格

• javascript 选择器语法

• 选择器	例子	例子描述	CSS
  .class	.intro	选择 class="intro" 的所有元素。	1
  #id	firstname	选择 id="firstname" 的所有元素。	1
  *	*	选择所有元素。	2
  element	p	选择所有 元素。	1
  element,element	div,p	选择所有 元素和所有 元素。	1
  element element	div p	选择 元素内部的所有 元素。	1
  element>element	div>p	选择父元素为 元素的所有 元素。	2
  element+element	div+p	选择紧接在 元素之后的所有 元素。	2
  [attribute]	[target]	选择带有 target 属性所有元素。	2
  [attribute=value]	[target=_blank]	选择 target="_blank" 的所有元素。	2
  [attribute~=value]	[title~=flower]	选择 title 属性包含单词 "flower" 的所有元素。	2
  :link	a:link	选择所有未被访问的链接。	1
  :visited	a:visited	选择所有已被访问的链接。	1
  :active	a:active	选择活动链接。	1
  :hover	a:hover	选择鼠标指针位于其上的链接。	1
  :focus	input:focus	选择获得焦点的 input 元素。	2
  :first-letter	p:first-letter	选择每个 元素的首字母。	1
  :first-line	p:first-line	选择每个 元素的首行。	1
  :first-child	p:first-child	选择属于父元素的第一个子元素的每个 元素。	2
  :before	p:before	在每个 元素的内容之前插入内容。	2
  :after	p:after	在每个 元素的内容之后插入内容。	2
  :lang(*language*)	p:lang(it)	选择带有以 "it" 开头的 lang 属性值的每个 元素。	2
  element1~element2	p~ul	选择前面有 元素的每个 元素。	3
  [attribute^=value]	a[src^="https"]	选择其 src 属性值以 "https" 开头的每个 元素。	3
  [attribute*=value]	a[src*="abc"]	选择其 src 属性中包含 "abc" 子串的每个 元素。	3
  :first-of-type	p:first-of-type	选择属于其父元素的首个 元素的每个 元素。	3
  :last-of-type	p:last-of-type	选择属于其父元素的最后 元素的每个 元素。	3
  :only-of-type	p:only-of-type	选择属于其父元素唯一的 元素的每个 元素。	3
  :only-child	p:only-child	选择属于其父元素的唯一子元素的每个 元素。	3
  :nth-child(n)	p:nth-child(2)	选择属于其父元素的第二个子元素的每个 元素。	3
  :nth-last-child(n)	p:nth-last-child(2)	同上，从最后一个子元素开始计数。	3
  :nth-of-type(n)	p:nth-of-type(2)	选择属于其父元素第二个 元素的每个 元素。	3
  :nth-last-of-type(n)	p:nth-last-of-type(2)	同上，但是从最后一个子元素开始计数。	3
  :last-child	p:last-child	选择属于其父元素最后一个子元素每个 元素。	3
  :root	:root	选择文档的根元素。	3
  :empty	p:empty	选择没有子元素的每个 元素（包括文本节点）。	3
  :target	news:target	选择当前活动的 #news 元素。	3
  :enabled	input:enabled	选择每个启用的 元素。	3
  :disabled	input:disabled	选择每个禁用的 元素	3
  :checked	input:checked	选择每个被选中的 元素。	3
  :not(selector)	:not(p)	选择非 元素的每个元素。	3
  ::selection	::selection	选择被用户选取的元素部分。	3

• //拿到html内的文本
  function handleNode(nodeDom) {
      console.log(nodeDom);
      nodeDom.innerHTML = "1";
      document.write(nodeDom)
  }
  function iteratorNodes(node) {
      var list = [""];
      //判断是否是元素节点
      if (node.nodeType === 1) {
  
          //判断该元素节点是否有孩子节点
          if (node.hasChildNodes()) {
              //得到所有的子节点
              var sonNodes = node.childNodes;
              //遍历所有的节点
              for (var i = 0; i < sonNodes.length; i++) {
                  //得到具体的某个子节点
                  var sonNode = sonNodes.item(i);
                  iteratorNodes(sonNode);
              }
          }
      } else if(node.nodeValue.trim() !== "" && node.nodeValue !== "\n" && node.nodeType !== 8 && node.nodeName !== "SCRIPT" && node.nodeName !== "STYLE"){
          handleNode(node);
      }
  }
  var root = document.getElementsByTagName("body")[0];
          //遍历所有的节点
  iteratorNodes(root);

5.知识内容个人梳理

6.今天都复习了之前的什么内容