前言
JavaScript总结笔记篇仅是记载本人学习过程中的一些总结,为了梳理一下知识点,督促自己不断加强学习。文中有些是源自官网,有些是搜集资料,有些是个人观点,难免存在某些知识点疏漏或者是有错误的地方,如果错误之处,希望看到的小伙伴能及时提个醒,避免误导其他小伙伴,也希望我的总结能帮助到正在学或者是将要学习JavaScript的小伙伴们!大家一起努力,早日成为IT界的大神!
命名空间、对象枚举、arguments.callee && fn.caller
一、命名空间
(一)作用:模块化开发,防止污染全局
var name = "durian";
var init = (function () {
var name = "mango";
function eat () {
console.log(name);
// name结果为mango.不会污染全局变量。
}
return function () {
eat();
}
} ())
init();
二、对象枚举
(一)for in 循环
<script>
var obj = {
name : 'xu',
age : 20,
sex : 'nv'
}
for(var prop in obj){
console.log(prop + " " + typeof(prop));
}
</script>
(二)for in 不仅能遍历数组 还能遍历对象
var arr = [];
for(var prop in arr){
arr[prop]; //这里的prop代表索引位
}
*要想访问对象中的属性值,可以通过以下方法
<script>
var obj = {
name : 'xu',
age : 20,
sex : 'nv'
}
for(var prop in obj){
console.log(obj[prop]); //返回结果为 'xu',20,'nv'
}
注意:项目实际开发过程中访问对象中的属性值可能会写成 obj.prop ,这时系统会识别
成obj['prop'],结果为undefined。这是因为系统会将'prop'识别成一个对象中的属性,而对象中
没有,所以返回结果为undefined;
</script>
var obj = {
name : "abc"
}
// 获取name值
obj.name ——》 obj['name']
(二)hasOwnProperty
hasOwnProperty() 方法用来检测一个属性是否是对象的自有属性,而不是从原型链继承的。如果该属性是自有属性,那么返回 true,否则返回 false。换句话说,hasOwnProperty() 方法不会检测对象的原型链,只会检测当前对象本身,只有当前对象本身存在该属性时才返回 true。
备注:问题待解决
(三)in
in操作符用来判断某个属性属于某个对象,可以是对象的直接属性,也可以是通过prototype继承的属性。
(三)instanceof
function Person(){
}
var person = new Person();
person instanceof Person //true
A instanceof B
看A的原型链上 有没有B 的原型(可以区分数组和对象)
[] instanceof Array
//true
var obj = {};
obj instanceof Array
//false
三、arguments.callee && fn.caller(函数自身的方法)
(一)arguments.callee
指向函数自身引用
var num = (function (n) {
if (n == 1) {
return 1;
}
return n * arguments.callee(n - 1);
}(10))
(二)fn.caller(函数自身的方法)
谁调用的就指向谁
function test () {
demo();
}
function demo () {
console.log(demo.caller); //fn test()
}
test();