[笔记]Javascript中的11个难以理解的问题

2024-02-22 05:08

本文主要是介绍[笔记]Javascript中的11个难以理解的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

看了这个人的javascript系列, 很受教育, 做了一些笔记.

http://www.cnblogs.com/fool/tag/%E7%90%86%E8%A7%A3Javascript/

  1. 原始值与引用值
    原始值存放在栈里, 引用值存放在堆里. 如程序:
    function Person(id,name,age){
    this.id = id;
    this.name = name;
    this.age = age;
    }
    var num = 10;
    var bol = true;
    var str = "abc";
    var obj = new Object();
    var arr = ['a','b','c'];
    var person = new Person(100,"笨蛋的座右铭",25);

  2. undefined和null
    undefined: 变量未定义; 是Undefined类型的专属值;
    null:引用未分配; 是Null类型的专属值.
    typeof(undefined) == undefined;
    typeof(null) == object;
    undefined==null;
    undefined!==null;
    null instanceof Object == false;
    undefined instanceof Object == false;
    虽然有Undefined和Null类型, 但是通过下面的例子说明这两个类型是不可见的, 也就是说我们只能使用他们的值:
    alert(undefined instanceof Undefined);
    alert(null instanceof Null);
  3. 伪数组
    特点: 1) 具有length属性; 2) 像数组一样按索引顺序存取数据; 3) 不具备数组特有的操作数据的方法如push, pop, slice...
    伪数组都可以通过Array.prototype.slice转换为真正的数组:
    var faceArray = {0: 'a', 1: 'b', length: 2}//标准的伪数组;
    var realArray = Array.prototype.slice.call(fakeArray);
    js中的伪数组:arguments, node.childNodes, document.getElementsByTagName()...
    IE中的问题 : IE中node.childNodes是不能用slice转化的.
    Jquery中的伪数组 : Jquery本身就是一个伪数组:
    alert($('.class1').length); alert($('.class1').[0].tagName);
  4. 关于简单类型的字面量
    var a = 1; b = true, c = "ccc";
    字面量看起来有类型
    alert(typeof a);//number
    alert(typeof b);//boolean
    alert(typeof c);//string
    但是通过instanceof却测不出来
    alert(a instanceof Number)//false
    alert(a instanceof Object)//false
    alert(b instanceof Boolean)//false
    alert(b instanceof Object)//false
    alert(c instanceof String)//false
    alert(c instanceof Object)//false
  5. 函数的prototype属性和对象实例的内部prototype属性
    每个function(构造函数)都有一个prototype属性, 每个对象实例都有一个不可见的(mozilla把它公开了, 可以通过__proto__来取得)内部的prototype属性, 它指向构造函数的prototype属性. prototype还可以有它自己的prototype属性, 这构成了prototype链,  Object是最顶的对象, 所以所有的prototype链最终会指向Object.prototype. 当访问对象实例的属性/方法的时候, 从对象实例自己开始搜索, 若果搜索不到, 沿着prototype链向上搜索, 直到Object.prototype.prototype == null 为止.
  6. 构造函数的一个小秘密
    var s = new function(){return "sss"};
    alert(s);//[object Object]
    s = new function(){return new String("sss")};
    alert(s);//sss
    关于这段代码的解释:
    只要 new 表达式之后的 constructor 返回(return)一个引用对象(数组,对象,函数等),都将覆盖new创建的匿名对象,如果返回(return)一个原始类型(无 return 时其实为 return 原始类型 undefined),那么就返回 new 创建的匿名对象.

  7. 对象的创建的过程
    function Person(name){
            this.name = name;   
    }
    Person.prototype = {
            getName: function(){return this.name}   
    };

    var p = new Person('zhangsan');
    解密p的创建过程:
    • 创建一个build-in object对象obj并初始化;
    • 将p的内部[[Prototype]]指向Person.prototype;
    • 将p作为this,使用arguments参数调用Person的内部[[Call]]方法, 即执行Person函数体, 并返回返回值, 如果没有return, 则返回undefined;
    • 如果前一步返回的是Object类型, 则返回这个值给p, 否则返回obj.
  8. 对象的自有属性和继承属性
    function Person(name){
            this.name = name;   
    }
    Person.prototype = {
            type: 'human',
            getName: function(){return this.name}   
    };
    var p = new Person('zhangsan');
    alert(p.hasOwnProperty('type'));//false
    p.type = 'ren';
    alert(p.hasOwnProperty('type'));//true
    运行结果很明确,对象的属性无法修改其原型中的同名属性,而只会自身创建一个同名属性并为其赋值。
  9. 函数对象的创建过程
    创建一个build-in object对象fn;
    将fn的内部[[Prototype]]设为Function.prototype;
    设置内部的[[Call]]属性,它是内部实现的一个方法,处理函数调用的逻辑。(简单的理解为指向函数体);
    设置fn.length为funArgs.length,如果函数没有参数,则将fn.length设置为0;
    fn.prototype的constructor指向fn自己;
    返回fn.
  10. instanceof的原理
    查看a是不是B的实例, 就是看B的prototype(构造函数的prototype属性)指向的对象在不在a的原形链上.
  11. 关于Function和Object的猜测
    alert(Function instanceof Function);//true
    alert(Function instanceof Object);//true  
    alert(Object instanceof Function);//true
    alert(Object instanceof Object);//true
    想了好久, 没有想透......

这篇关于[笔记]Javascript中的11个难以理解的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/734209

相关文章

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory

好题——hdu2522(小数问题:求1/n的第一个循环节)

好喜欢这题,第一次做小数问题,一开始真心没思路,然后参考了网上的一些资料。 知识点***********************************无限不循环小数即无理数,不能写作两整数之比*****************************(一开始没想到,小学没学好) 此题1/n肯定是一个有限循环小数,了解这些后就能做此题了。 按照除法的机制,用一个函数表示出来就可以了,代码如下

hdu1043(八数码问题,广搜 + hash(实现状态压缩) )

利用康拓展开将一个排列映射成一个自然数,然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu