js 一些基础知识
数据类型：
作用域
每个函数都有自己的执行环境，执行环境定义了变量有权访问的其他数据，决定了他们各自的行为。
每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量或函数都保存在这个对象中。
当代码在一个环境中执行时，会创建变量对象的作用域链
js没有块级作用域
函数声明与函数表达式
function test(){}//函数声明,他的重要特性是函数声明提升
var test=function(){}//函数表达式
递归
保险的递归写法（命名函数表达式）：
var factorial = (function fa(num){
if(num<=1){
return 1;
}else{
console.log(num);
return num*fa(num-1);
}
});
闭包
创建闭包：在一个函数内部创建另一个函数；
作用：延长变量的作用域链
原理：内部函数的作用域链包含外部函数的作用域链
缺点：过度使用可能会造成内存泄露
例子：这个例子中写了两个按钮，点击按钮的时候弹出此按钮被点击的次数。
<body>
<button id="btn1" onclick="test1()">btn1</button>
<button id="btn2" onclick="test2()">btn2</button>
<script>
var test1 = showClickNumber();
var test2 = showClickNumber();
function showClickNumber(){
var number = 0;
return function(){
number = number+1;
alert(number);
}
}
</script>
</body>
这个例子可以形象地描述一个闭包：showClickNumber函数内部先定义了一个变量number用于计数，然后返回一个匿名函数；
在这个匿名函数里面，我们使用到了外部函数的number变量；
这样虽然showClickNumber函数执行完了，但它的内部变量number也不会销毁，因为他还在被test1，test2方法引用。
虽然只申明了一个变量，两个按钮却会各自统计各自的点击数量，不会相互影响
关于this对象
this对象是在运行时基于函数的执行环境绑定的
1、在全局函数中：this=window；
2、函数作为某个对象的方法被调用时：this=对象；
3、通过call()或apply()改变函数执行环境时，this指向指定的对象
模仿块级作用域--私有作用域
(function(){
//块级作用域
})();
js没有块级作用域的概念，用这样一个自执行的函数（闭包）包起来，它里面的变量就成了局部变量，还可以提高运行速度
创建对象的推荐方式
1、组合使用原型模式和构造函数模式
function Persion(name,age,job){
this.name = name;
this.job = job;
this.age = age;
}
//protocol指向函数的原型对象，原型对象会自动获得constructor（构造函数）属性
//constructor包含一个指向prototype属性所在函数的指针
//通过constructor，还可以为原型对象添加其他属性和方法
//下面的代码，我们重置了Persion原型，应该为constructor赋值，否则就丢失了constructor值
Persion.prototype={
constructor:Persion,
sayName:function(){
alert(this.name);
}
}
2、动态原型模式
function Persion(name,age,job){
this.name = name;
this.job = job;
this.age = age;
if(typeof this.sayName() != "function"){
Persion.prototype.sayName = function(){
alert(this.name);
}
}
}
js 一些基础知识的更多相关文章
- css+js+html基础知识总结
css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...
- 001/Node.js(Mooc)--基础知识
一.Node.js基础知识 node.js用C++语言编写. 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Chrome JavaScript 运行时 ...
- node.js的基础知识
第一部分知识: .命令行窗口(小黑屏).CMD窗口.终端.shell - 开始菜单 --> 运行 --> CMD --> 回车 - 常用的指令: dir 列出当前目录下的所有文件 c ...
- js的基础知识笔记
目录 一.基本数据类型 二.函数 三.面向对象 一.基本数据类型 1.使用var声明变量.使用;结尾.使用{}表示代码块.使用驼峰式命名 2.变量是弱类型的,即并不严格要求声明变量的类型,一个变量可以 ...
- 【JS】基础知识
引言 在互联网的演化过程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主. 2005年以后,互联网进入了Web2.0时代,各类似桌面软件的Web应用大 ...
- 二、js中基础知识
该篇文章主要是强化一下自己javaScript的基础,让写代码变得更轻松些.基础好的请忽略. JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解 ...
- JS的基础知识
前言:写前端代码时的各种取值纠结,让我决定我必须要好好学一下js............加油~ $("#tr"+id).remove() 删除某一行,而不用刷新页面 HightCh ...
- js函数基础知识
[函数的声明及调用] function 函数名(参数1,参数2,....){ //函数体代码 return返回值: } 1.函数的调用: ①直接调用:函数名(参数1的值,参数2的值,....) ②事件 ...
- three.js引擎基础知识—摄像机、场景及渲染器
一.three.js采用右手坐标系: x轴正方向向右,y轴正方向向上,z轴由屏幕从里向外,如下图右: 二.3D编程三要素:场景.渲染器.摄像机 1.场景:创建的物品和模型都需放入场景中 threejs ...
- JS常用基础知识
前言:在js中dom和bom是我们操作的基本,在最初接触时候我也懵,但是后来慢慢发现其实bom就是操作浏览器,而dom就是操作文本框节点.
随机推荐
- Atitit.软件开发概念说明--io系统区--特殊文件名称保存最佳实践文件名称编码...filenameEncode
Atitit.软件开发概念说明--io系统区--特殊文件名称保存最佳实践文件名称编码...filenameEncode 不个网页title保存成个个文件的时候儿有无效字符的问题... 通常两个处理方式 ...
- atitit.loading的设计与实现控件选型attilax 总结
atitit.loading的设计与实现控件选型attilax 总结 1. Percentage Loader(推荐) 1 1.1. 起始百分比::调整 progress 1 2. CSS3 Loa ...
- pcie dma的玩法
There is some issue with the implement script. So I took the manual steps. 1. Created the pcie core ...
- redmine 的安装
https://bitnami.com/stack/redmine/installer#官方地址 安装很简单,给权限 chmod +x bitnami-redmine-3.3.0-1-linux-x6 ...
- 【转】用python实现简单的文本情感分析
import jieba import numpy as np # 打开词典文件,返回列表 def open_dict(Dict='hahah',path = r'/Users/zhangzhengh ...
- Android开发日记（七）
trim()方法返回调用字符串对象的一个副本,但是所有起始和结尾的空格都被删除了,例子如下:String s=" Hello World ".trim();就是把" ...
- Android开发艺术探索读书笔记——进程间通信
1. 多进程使用场景 1) 应用某些模块由于特殊需求须要执行在单独进程中. 如消息推送,使消息推送进程与应用进程能单独存活,消息推送进程不会由于应用程序进程crash而受影响. 2) 为加大一个应用可 ...
- -/bin/sh: /usr/bin/xxx: not found”
运行/usr/bin/helloworld命 令是提示“-/bin/sh: /usr/bin/helloworld: not found”,一开始我以为是helloworld没有运行权限,不过我给了它 ...
- Spring Framework 官方文档学习（四）之Validation、Data Binding、Type Conversion
本篇太乱,请移步: Spring Framework 官方文档学习(四)之Validation.Data Binding.Type Conversion(一) 写了删删了写,反复几次,对自己的描述很不 ...
- Spring Boot 是 Spring 的一套快速配置脚手架，可以基于Spring Boot 快速开发单个微服务
Spring Boot 是 Spring 的一套快速配置脚手架,可以基于Spring Boot 快速开发单个微服务,Spring Cloud是一个基于Spring Boot实现的云应用开发工具:Spr ...