标签归档:js技巧

JavaScript var 关键字简介与说明


摘要:
下文讲述javascript中var关键字的功能与说明,如下所示:


var 关键字功能

var 关键字的功能用于在JavaScript中定义变量
var 主要用于在指定位置定义 使指定变量提升作用域


var 关键字作用域及举例应用

    
function test() {
    console.log(a); // => undefined
    var a = 989;
    console.log(a); // => 989
}
test();
 -----类似以下函数定义 
function test() {
    var a;
    console.log(a); // => undefined
    a = 989;
    console.log(a); // => 989
}
test();
 
 -----例1: 我们可以采用var 提升 变量的作用域
 var a =90;
function test() {
    console.log(a); // =>> 90
    var a = 989;
    console.log(a); // => 989
}
test();
alert(a); //989
 
----例2:var 提升变量作用域后,多个函数中对其进行使用
 var a =90;
function test1() { 
    var a = 989;
    console.log(a); // => 989
}
function test2() { 
    var a = 76;
    console.log(a); // => 76
}
test1(); 
test2();

JavaScript 代码你一定要加上注释信息


摘要:
在编写js代码时,大家一定要加上注释信息,因为注释信息可增加代码的可读性,如果没有注释,有些代码可能永远都无法理解,
下文将通过举例的方式阐述Javascript代码注释的重要性,如下所示:


javascript注释信息

JavaScript注释信息 不会被执行
JavaScript注释信息 可提高代码的可读性,使下一个开发者可以快速的理解代码意思
JavaScript注释信息 可以帮助我们下次快速修改代码

javascript注释方法

javascript注释分为单行注释和多行注释两种
1.单行注释方法
//注释内容
2.多行注释方法
/*
多行注释内容
*/


javascript注释举例

     function (){
        alert("这是一个没有用的注释//注释");
    } 
    
	// 下面的函数都被注释掉了
   // function (){
       // alert("采用了三个单行注释将函数注释掉")
   // } 
   /* 使用多行注释将函数注释掉 */ 
 
    /*function (){
        alert("多行注释的应用")
    }*/


注意事项:
注释开头的反斜线必须位于代码行开始位置

javascript typeof 函数的用法简介说明


摘要:
下文讲述javascript中typeof函数的功能简介说明,如下所示:


javascript typeof函数功能说明

typeof函数用于返回一个对象的类型。
typeof语法:

	    typeof(expression);
	 

—-参数说明—-
expression:任意类型的名称

typeof 可返回以下六种值: “number,” “string,” “boolean,” “object,” “function,” 和 “undefined.”


javascript typeof函数应用场景及举例说明

    document.write("typeof:1---"+typeof(1));
    document.write("<br />");
	document.write("typeof:NaN---"+typeof(NaN));
	document.write("<br />");
	document.write("typeof:Number.MIN_VALUE---"+typeof(Number.MIN_VALUE));
	document.write("<br />");
	document.write("typeof:Infinity---"+typeof(Infinity));
	document.write("<br />");
	document.write("typeof:123---"+typeof("123"));
	document.write("<br />");
	document.write("typeof:true---"+typeof(true));
	document.write("<br />");
	document.write("typeof:window---"+typeof(window));
	document.write("<br />");
	document.write("typeof:document---"+typeof(document));
	document.write("<br />");
	document.write("typeof:null---"+typeof(null));
	document.write("<br />");
	document.write("typeof:eval---"+typeof(eval));
	document.write("<br />");
	document.write("typeof:Date---"+typeof(Date));
	document.write("<br />");
	document.write("typeof:abc---"+typeof(abc));
	document.write("<br />");
	document.write("typeof:undefined---"+typeof(undefined));

javascript typeof运算符应用场景:
例:
我们要获取一个input 组件中的值,我们可先使用typeof对其进行判断,检测是否为undefined,如果不为undefined,则继续向下执行,这样操作,可避免js报错。

    if(typeof(document.getElementById("txtmaomao").value) != "undefined"  )
	{
	   //向下执行
	}


javascript typeof使用注意事项:
1.如果一个变量定义为数字,则typeof会返回number
2.typeof(‘888’) 会返回string
3.javascript 特殊的数字类型 ,使用typeof,会返回number
3.1 Infinity 表示无穷大特殊值
3.2 NaN            特殊的非数字值
3.3 Number.MAX_VALUE     可表示的最大数字
3.4 Number.MIN_VALUE     可表示的最小数字(与零最接近)
3.5 Number.NaN        特殊的非数字值
3.6 Number.POSITIVE_INFINITY 表示正无穷大的特殊值
3.7 Number.NEGATIVE_INFINITY 表示负无穷大的特殊值
4.对布尔类型,会返回boolean,typeof(true),typeof(false)
5.数组 null 对象 json对象,都会返回一个object
6.对window document 都会返回一个Object
7.对应函数eval date 用户自定义函数,都会返回一个function
8.对于运算符不存在,函数不存在,对象不存在,对象属性不存在,都会返回一个undefined