js中级总结
this问题;
this是JavaScript的关键字 用途:指向某一个对象
如何判断this的指向
函数内:两种情况:1.以函数形式调用(不带 . 指向window )
2.以方法形式调用(带 . this指向 . 前面的)
函数外:this指向window
1.自调用函数内this都是window
2.定时器this指向window
3.事件里面的this 指向触发事件的元素
4.构造函数里this指向他的实例(子对象)
怎样替换函数内的this?
1.call() 替换.前面的this并执行那个函数
2.apply()
3.bind()
A.fn.call(B,5) B取代fn中的this,并调用fn()
call和apply,bind只能是函数(方法)内,或者是函数对象
call前面对象必须是函数对象
var a=45;
var b={
a:12
}
function fn(){
console.log(this.a)
}
fn.call(b)
面向对象:
以对象的方法来写业务逻辑
1.单例模式 var obj={}
2.工厂模式 function fn(){
var obj={}
return obj
}
3.构造函数 (三个特点 : 1.函数名首字母大写 2.函数的属性前面加this 3.函数调用new调用)
function Person(name){
this.name=name
}
var zhang=new.Person("zhang")
1.每个构造函数天生自带一个prototype的属性,叫原型 他是一个对象有放父类也继承的属性
2.函数内的属性子对象天生就继承的,不需要任何操作
3.prototype上的属性是继承给子对象的,子对象必须通过__proto__来查找
4.每个子对象都有一个__proto__它指向父类的原型
(注意的两个点:1.子类必须通__proto__查找 2.父类通过prototype向下继承)
原型链:
子对象在操作个属性时,首先看这个属性是私有的,有就直接使用,没有通过__proto__向子对象父类查找,父类有就使用,没有就像父类的__proto__继续向上查找,直到基类object ,如果基类没有就是undefined
作用域和作用域链
作用域:
浏览器 客户端给javascript(简称js)生存环境
js代码在执行前,浏览器会给js一个生存环境window,他会分成两个模块,一个叫内存模块,一个叫执行模块 ,内存模块在代码执行前就完成了,有var function 的关键字 每存放一个变量就会生成一个内存地址;
在执行模块 如:a=12; 先通过内存地址查找有没有a,有就直接赋值,没有就是undefined 这种查找机制就是作用域链
赋值:(赋值都是在执行模块)
1.基本数据类型就直接赋值
2.引用数据类型将内存地址赋给变量
引用数据类型和基本数据类型 本质区别
基本数据类型在赋值的时候,就是简单的操作值;
引用数据类型,在赋值的时候把内存地址赋值给变量,在操作引用数据类型的时候,首先通过内存地址去找里面的东西,然后操作
引用数据类型在赋值的时候首先开辟一个堆内存,存放里面的代码块然后把内存地址赋值给变量,在操作这个变量时候会通过内存地址去查找,然后修改里面的东西
引用数据类型:object array function 前两个都是以键值对的形式存放,而后一个以字符串的形式存放
js中级总结的更多相关文章
- codefordream 关于js中级训练
中级训练接着就紧锣密鼓的开始了. 首先是关于变量,变量的作用是给一个数据值标注名称. 注:JavaScript中变量名,函数名,参数名的命名规范:至少由字母,下划线,美元符号,数字其中的一种组成,但不 ...
- Js中级复习
JS中级复习—— 1,this 就是js的关键字 用途:指向某一个对象 如何判断this指向: 函数(方法)内—— 一种以函数的方式调用(不带.)this指向window 一种以方法的形式调用(函 ...
- 我的JS 中级学习篇
在codefordream上进入中级学习后,感觉立马从js的基础学习往前跳了好远,上面的东西好像都是第一次看到一样.这时候才发现,说来也曾接触过js,但是这时候才发现对js的认识就停在知道两点:js中 ...
- JS中级 - 02:表单、表格
getElementsByTagName() getElementsByTagName() 方法可返回带有指定标签名的对象的集合. getElementsByClassName() 返回文档中所有指定 ...
- js中级6
1.动画 (1)Css样式提供了运动 过渡属性transition 从一种情况到另一种情况叫过渡 transition:time linear de ...
- 11-22 JS中级复习
1.this js的关键字, 用途:指向某一个对象. 如何判断this指向 函数(方法)内 一种以函数的方式调用(不带.) this指向winodw 一种以方法的形式调用(函数名前面带.)this指向 ...
- js中级小知识5
元素的属性 div.attributes是所有标签属性构成的数据集合 div.classList是所有class名构成的数组集合 在classList的原型链上可以看到add()和remove() 1 ...
- js中级小知识4
1.针对表单 form input select textarea type="radio/checkbox/passdord/button/submit/reset/ ...
- js中级小知识2
1.面向对象 js一开始就是写网页特效,面向过程的,作者发现这样写不好,代码重复利用率太高,计算机内存消耗太大,网页性能很差.所以作者就收到java和c的影响,往面向对象靠齐.js天生有一个Objec ...
- js中级小知识1
首先我们复习之前的小知识,本期博客与之前有关 js数据类型 基本数据类型:string undefined null boolean numbe ...
随机推荐
- SharePoint 服务应用程序管理-PowerShell
1. 安装所有可用的服务应用程序 Install-SPService -Provision 2. 显示场中所有可用的服务应用程序 Get-SPServiceApplication 3. 获取指定的服务 ...
- Alpha阶段敏捷冲刺---Day3
一.Daily Scrum Meeting照片 二.今天冲刺情况反馈 今天我们上完课后在禹洲楼教室外进行我们的每日立会.开会的内容主要是总结了一下这几天各自的任务及任务进度,交流了一下各自遇到的困难. ...
- java程序员常用的八个工具
以下这8个工具,从代码构建到错误挤压,覆盖Java开发的全域.学习这些工具可以帮助你改善代码质量,成为一个更高效的Java开发人员. 1.Eclipse 尽管IntelliJ IDEA.NetBean ...
- 大龄码农那些事——也谈996.ICU
1.背景 近期Github突然有一个开源项目火了,叫“996.icu”,开源地址:https://github.com/996icu/996.ICU ,目前star的人数截止我写这篇博文时已经高达17 ...
- [LeetCode&Python] Problem 461. Hamming Distance
The Hamming distance between two integers is the number of positions at which the corresponding bits ...
- BZOJ5340: [Ctsc2018]假面【概率+期望】【思维】
LINK 思路 首先考虑减血,直接一个dp做过去,这个部分分不难拿 然后是\(op=1\)的部分 首先因为要知道每个人被打的概率,所以需要算出这个人活着的时候有多少个人活着时概率是什么 那么用\(g_ ...
- 位操作Bit Operation算法题
一道让你拍案叫绝的算法题 这是一道看完答案会觉得很简单,但做之前很难想到答案的题目!!! 不信? Let us go ! 题目描述 给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均 ...
- ubuntu 远程gui显示
图像从定向: ubuntu 显示系统xterm 重点是设置DISPLAY variable以及保证ubuntu和suse在同一网段即相互ping通,利用ssh -XY的方式重定向图像. 1.直接ss ...
- sql 变量赋值
mysql 的变量赋值如下: set @name='app' ; or set @name:='appfirst'; or with select select @appname:='you name ...
- 解决 php提交表单到当前页面,刷新会重复提交 的问题
http://blog.csdn.net/u012466451/article/details/68952280