- 博客(8)
- 收藏
- 关注
原创 构造函数和普通函数的区别
1、调用方式不同,例如有一个函数A,调用方式为A(), 那么这个函数就是普通函数。如果调用方式为new A(), 那么这个函数就是构造函数。2、如果需要实例化一个对象,那么调用函数时就添加new,如果不需要实例化对象,调用函数时就不用添加new。3、使用new的好处简单理解就是可以实例化一个对象。实例化对象上可以添加属性和方法,也可以访问到函数的原型对象上的属性。4、添加new和不添加new的区别就是:是否实例化一个对象,如下例: function A(){} console.log(A(.
2021-05-15 01:04:52
2257
原创 call和apply
1、call方法和apply方法非常像,它们的区别只有唯一的一点;2、call方法下面有几个参数:①、第一个参数是改变函数里面的this的指向:因为例子中直接调用getName的话,this指向的是person,所以返回的是person的name;而通过call方法间接调用的时候,就可以指定this的值,如果将this指向了window,返回的是window.name,结果是‘xm’; var name='xm'; var person={}; person.name='xh';
2021-05-14 23:22:37
3214
原创 对象冒充
function person(name,age){ this.name=name; this.age=age; this.sayHi=function(){ alert("hi"); } } person.prototype.walk=function(){ alert("walk......"); } function student(name,age,grade){ this.newMethod=person; //冒充person对象,就可
2021-05-10 01:10:49
186
原创 【例子】生成10个按钮,每个按钮点击的时候弹出1-10
方法一-分析:用通用的方法解决这个问题。首先把var i= 0放在外面,for循环里面的小括号写(i=0;i<=10;i++),然后花括号里面写一个自执行的匿名函数,把 i作为参数传进去,也就是(function(i){})(i);· 然后在这个独立的函数作用域内,去生成按钮,并把它展示在页面中。首先,创建一个按钮,就是var btn=document.creatElement(‘button’);【这里的‘button’就是传入的标签的名字】· 然后往btn的innerText
2021-05-01 22:50:40
486
原创 变量和作用域
函数会形成一个局部作用域,如果局部作用域使用了某一个变量,会先在本作用域中进行查找。如果查找到已经定义了,那么就使用本作用域定义的变量。如果没有查找到,会一层一层往上一级作用域中查找并使用;<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>变量和作用域</title></head><body> <script type="te
2021-04-16 23:22:13
70
原创 引用类型数据的比较
两个引用类型的数据进行比较,比较的是它们的引用。即使是两个看着一模一样的数组,如果不是引用的同一个数组,那么它们也是不相等的。只有它们引用同一个数组,比较的时候才会相等。例如var a=[];var b=[] , a和b并没有引用同一个空数组,所以a不等于b。var c=[]; var d=c,把c的值赋值给了d,即c和d引用了同一个空数组,所以它们两个是相等的。另外,如果两个不同类型的数据进行==比较,会把左右转换成同一类型再比较。如下:<!DOCTYPE html><html
2021-04-15 23:16:20
554
原创 textarea标签的问题(笔记)
<div class="layer-top"> <form> <input type="text" name="name" placeholder="your Name" class="one"/> <br/> <input type="text" name="name" placeholder="your Phone" class="one"/> <br/> <input type="text"
2021-04-14 23:53:22
206
原创 通用的解决各个浏览器的事件绑定的程序
//1、element是绑定事件的DOM元素; //2、事件名 //3、事件处理程序function addHandler(element,type,handler){ //非IE浏览器 if(element.addEventListener){ element.addEventListener(type,handler,true); //IE浏览器支持DOM2级 }else if(element.attachEvent){ element.attachEvent("on"+type.
2021-04-13 19:18:59
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人