javascript基础复习/重新学习

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript基础复习/重新学习相关的知识,希望对你有一定的参考价值。

与其说复习,不如说重新学习。这里记录一下学习过程中想要记录的东西,以便于以后温习。

ECMAScript原始数据类型:String、Number、Boolean、Undefined、Null

对变量或者值调用typeof运算符将返回下列值之一:
undefined - 如果变量是Undefined类型的
string - 如果变量是String类型的
number - 如果变量是Number类型的
boolean - 如果变量是Boolean类型的
object - 如果变量是一种引用类型或Null类型
function-如果变量是一个函数
 
ECMAScript运算符
一元运算符 
delete 只能删除开发者定义的属性和方法,不能删除ECMAScript的原始方法,例如toString()
var o={name:"minnie",age:8};
alert(o.name);//输出minnie;
delete o.name
alert(o.name);//输出undefined;
void 运算符对任何值返回undefined。该运算符通常用于避免输出不应该输出的值。例如
<a href="javascript:window.open(‘about:blank‘)">click me</a>
当在页面点击"click me"时,即可看到屏幕上显示【object】,使用
<a href="javascript:void(window.open(‘about:blank‘))">click me</a>
void使window.open()返回undefined,undefined不是有效值,不会显示在浏览器窗口。
注:高版本浏览器并未出现【object】情况
 
前增量/前减量运算符  ++/--运算符
加减执行在计算表达式之前,所以在执行表达式的时候已经加减过,所以表达式的值和参数的值一致。
 
 
javascript语言的特殊之处:
1.函数内部可以直接读取全局变量
2.函数内部声明变量必须用var,否则声明的是一个全局变量(全局变量声明可以不用 var)
闭包的最大优点:
1.在函数外部访问函数内部的变量
2.让这些变量的值始终保持在内存中
闭包的缺点:
1.闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄漏。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2.闭包会在父函数外部改变函数内部变量的值。所以,如果把父函数当做对象使用,把闭包当作它的公用方法,把内部变量当作它的私有属性,这时一定要小心,不要随便改变父函数内部变量的值。
 
闭包陷阱一:
function createFunctions(){
  var result = new Array();
  for (var i=0; i < 10; i++){
    result[i] = function(){
      return i;
    };
  }
  return result;
}
var funcs = createFunctions();
for (var i=0; i < funcs.length; i++){
  console.log(funcs[i]());
}
乍一看,以为输出0-9,其实输出10个10;这里的陷阱就是函数带()才是执行函数
总结:闭包就是一个函数引用另一个函数的变量,因为变量被引用着所以不会被回收;不必要的引用(闭包)就是徒增内存消耗。
 
 
javascript的原型(原型链和作用域链)
一切(引用类型)都是对象,对象是属性的集合。
------------------------------------------------------------------------------------------------------------------
==和===的区别
== 等于(值)  会将引用类型转换为基本类型做比较
    使用==进行比较的时候,如果是引用类型会先转为基本类型,对象转换为基本类型时默认先使用valueOf转,再使用toString()转,Date先使用toString()转。如下代码测试:
var x = "";
var obj = {toString : function(){x="toString";return 0},valueOf : function(){x="valueOf";return 0}};
console.log(obj==0,x);//true,"valueOf"
var x = "";
var obj = {toString : function(){x="toString";return 0}};
console.log(obj==0,x);//true,"toString"
使用==比较也可能有副作用,甚至会产生异常
var x = "";
var obj = {toString : function(){x="toString";return {}}};
console.log(obj==0,x);//Uncaught TypeError:Cannot convert object to primitive value
 
=== 全等(值和类型)
 
----------------------------------------------------------------------------------------------------
__proto__
每个对象都有一个__proto__属性,指向创建该对象的函数的prototype.
------------------------------------------------------------------------------------------------------
instanceof 运算符
判断规则:
A instanceof B  (个人理解为:判断A是否指向B的原型。A(对象有一个隐藏属性__proto__)B(函数有一个默认属性prototype))
A--对象  B--函数
instanceof判断规则是:沿着A的__proto__这条线来找,同时沿着B的prototype这条线来找,如果两条线能找到同一个引用,即是同一个对象,那么就返回true;如果找到重点还未重合,则返回false。
例如:
console.log(Object instanceof Function);//true
//Object.__proto__ === Function.prototype
console.log(Function instanceof Object);//true
//Function.__proto === Function.prototype === Function.prototype.__proto__ === Object.prototype;
console.log(Function instanceof Function);//true
//Function.__proto__ === Function.protorype
总结:instanceof表示的就是一种继承关系,或者原型链的结构
 
函数是一种对象,对象由函数生成。
--------------------------------------------------------------------------------------------------------
Object.prototype.hasOwnProperty
所有对象都有Object.prototype的方法,所有函数都有call,apply方法,都有length,arguments,caller等属性。
-------------------------------------------------------------------------------------------------------
in运算符
prop in Object  指定属性(只能是属性名,数组只能是索引值)存在于指定对象中
    使用delete运算符删除一个属性,则in运算符对所删除属性返回false:
var str = {"name":"minnie","age":8,"class":"xiaoxue"};
delete str.class;
"class" in str;//false;
    将属性赋值为undefined,则in运算符依然返回true.
var str = {"name":"minnie","age":8,"class":"xiaoxue"};
str.class = undefined;
"class" in str;//true
    如果属性是从原型链上继承的,in运算符也会返回true
"toString" in {};//true
变量、函数声明、函数表达式
javascript在执行一个代码段之前,会先有准备工作,然后才是代码的执行。这个“代码段”分为三种情况--全局、函数、eval
准备工作:
1.变量的声明  
2.函数表达式上的变量声明  默认赋值为undefined 
3.this赋值
4.函数声明--赋值
这些步骤组成了“执行上下文”或者“执行上下文环境”
 
 

以上是关于javascript基础复习/重新学习的主要内容,如果未能解决你的问题,请参考以下文章

动态SQL基础概念复习(Javaweb作业5)

JavaScript 基础的复习~

今天先停下来学习node.js。重新快速复习一下基本功吧。

thymeleaf 片段渲染后重新加载 javascript

浅谈JavaScript预编译原理

JavaScript基础总结