需要牢记的JavaScript基础知识

时间:2021-05-25

声明(Declarations)

undefined值在布尔类型环境中会被当作false。

数值类型环境中undefined值会被转换为NaN。

对一个空变量求值时,空值 null 在数值类型环境中会被当作0来对待,而布尔类型环境中会被当作false

JavaScript 变量感觉上是被“提升”或移到了所有函数和语句之前。提升后的变量将返回 undefined 值,所以即使在使用或引用某个变量之后存在声明和初始化操作,这个被提升的引用仍将得到 undefined 值。

由于存在变量声明提升,一个函数中所有的var语句应尽可能地放在接近函数顶部的地方。这大大地提升了程序代码的清晰度。

(在 ECMAScript 2015 中,let(const)将不会提升变量到代码块的顶部。因此,在变量声明之前引用这个变量,将抛出错误ReferenceError。这个变量将从代码块一开始就处在一个“暂时性死区”,直到这个变量被声明为止。)

对于函数,只有函数声明会被提升到顶部,不包括函数表达式。

foo(); // "bar" function foo() { console.log("bar");} baz(); // TypeError: baz is not a function//此时的"baz"相当于一个声明的变量,类型为undefined。由于baz只是相当于一个变量,因此浏览器认为"baz()"不是一个函数。var baz = function() { console.log("bar2");};

全局对象是 window,你可以通过指定 window 或 frame 的名字,从一个 window 或 frame 访问另一个 window 或 frame 中声明的变量。例如,设想一个叫 phoneNumber 的变量在文档里被声明,你可以在子框架里用 parent.phoneNumber 来引用它。

常量(Constants)

在同一作用域中,不能用与变量或函数同样的名字来命名常量。然而,对象属性是不受保护的,所以下面的语句执行没有问题。

const MY_OBJECT = {"key": "value"};MY_OBJECT.key = "otherValue";

数据结构和类型

六种是 原型 的数据类型 以及 Object 对象

  • Boolean. 布尔值,true 和 false.
  • 一个表明 null 值的特殊关键字。 JavaScript 是大小写敏感的,因此 null 与 Null、NULL或其他变量完全不同。
  • 变量未定义时的属性。
  • Number. 表示数字,例如: 42 或者 3.14159。
  • String. 表示字符串,例如:”Howdy”
  • Symbol ( 在 ECMAScript 6 中新添加的类型).。一种数据类型,它的实例是唯一且不可改变的。
  • Objects 和 functions 是本语言的其他两个基本要素。你可以将对象视为存放值的命名容器,而将函数视为你的应用程序能够执行的过程(procedures)。

    在涉及加法运算符(+)的数字和字符串表达式中,JavaScript 会把数字值转换为字符串。

    x = "The answer is " + 42 // "The answer is 42"y = 42 + " is the answer" // "42 is the answer"

    在涉及其它运算符(译注:如下面的减号'-‘)时,JavaScript语言不会把数字变为字符串。例如(译注:第一例是数学运算,第二例是字符串运算):

    "37" - 7 // 30"37" + 7 // "377"

    字符串转换为数字(converting strings to numbers)

    parseInt()和parseFloat()

    将字符串转换为数字的另一种方法是使用单目加法运算符。

    "1.1" + "1.1" = "1.11.1"(+"1.1") + (+"1.1") = 2.2 // 注:加入括号为清楚起见,不是必需的。

    对象属性名字可以是任意字符串,包括空串。如果对象属性名字不是合法的javascript标识符,它必须用””包裹。属性的名字不合法,那么便不能用.访问属性值,而是通过类数组标记(“[]”)访问和赋值。

    var unusualPropertyNames = { "": "An empty string", "!": "Bang!"}console.log(unusualPropertyNames.""); // 语法错误: Unexpected stringconsole.log(unusualPropertyNames[""]); // An empty stringconsole.log(unusualPropertyNames.!); // 语法错误: Unexpected token !console.log(unusualPropertyNames["!"]); // Bang!

    注意:

    var foo = {a: "alpha", 2: "two"};console.log(foo.a); // alphaconsole.log(foo[2]); // two//console.log(foo.2); // Error: missing ) after argument list//console.log(foo[a]); // Error: a is not definedconsole.log(foo["a"]); // alphaconsole.log(foo["2"]); // two

    在ES2015,对象字面值扩展支持在创建时设置原型,简写foo:foo分配,定义方法,加工父函数(super calls),计算属性名(动态)。总之,这些也带来了对象字面值和类声明紧密联系起来,让基于对象的设计得益于一些同样的便利。

    var obj = { // __proto__ __proto__: theProtoObj, // Shorthand for ‘handler: handler' handler, // Methods toString() { // Super calls return "d " + super.toString(); }, // Computed (dynamic) property names [ 'prop_' + (() => 42)() ]: 42};

    能在JavaScript的字符串中使用的···特殊字符···

    转义字符

    // 引号转义var quote = "He read /"The Cremation of Sam McGee/" by R.W. Service.";// 转义反斜线var home = "c://temp";// 转义换行 一条语句拆成多行书写var str = "this string /is broken /across multiple/lines."console.log(str); // this string is broken across multiplelines.// Javascript没有“heredoc”语法,但可以用行末的换行符转义和转义的换行来近似实现 var poem = "Roses are red,/n/Violets are blue./n/I'm schizophrenic,/n/And so am I."

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章