Javascript 基础点

1. 基本类型

Javascript 基本数据类型有以下几种:

  1. Number
  2. String:
  3. Boolean:
  4. Undefined: 当你访问一个不存在的变量时,你会得到 undefined。当你定义了一个变量,但没有给它赋值时也会得到 undefined。JavaScript 自动初始化变量为该值,undefined 类型只有一个值 undefined
  5. Null: 意味着变量没有值,或者为空。

除上面类型外,其他的类型都是 object

typeof 返回值

  • “number”
  • “string”
  • “boolean”
  • “undefined”
  • “object”
  • “function”

数字前缀

// Octal, hexadecimal numbers
var no = 0377;  // octal
var nh = 0x9F;  // hex

// Exponent literals
var ne = 2e3;   // 2000
var nn = 2e-3;  // 0.002

Infinity

Infinity 属于 number 类型,JavaScript 能处理的最大值为 1.7976931348623157e+308,最小值为 5e-324。

var a = 6 / 0;      // Infinity
var i = -Infinity;  // -Infinity
var m = Infinity – Infinity;   // NaN
var n = -Infinity + Infinity;  // NaN

var n1 = Infinity – 20;  // Infinity
var n2 = -Infinity * 3;  // -Infinity
var n3 = Infinity / 2;   // Infinity
var n4 = Infinity – 99999999999999999;  // Infinity

NaN

NaN 也是一个特殊的 number 值:

var n1 = typeof NaN;  // "number"
var n2 = NaN;         // NaN
var n3 = 10 * "f";    // NaN
var n4 = 1 + 2 + NaN; // NaN

2. String 类型转换

var s = ‘1‘;
s = 3 * s;
typeof s;
// "number"
s;
// 3

var s = ‘1‘;
s++;
typeof s;
// "number"
s;
// 2

3. Logical 判断

任何值都能够用两个取反符来获得它的 Boolean 值。除了以下几个返回 false 之外,绝大多数值都返回 true:

  • 空字符串 “”
  • null
  • undefined
  • 数字 0
  • 数字 NaN
  • 布尔 false

注意字符串 “0”, ” “, 以及 “false”转换为布尔值时为 true


4. 比较符

1 == 1;
// true
1 == 2;
// false
1 == ‘1‘;
// true

1 === ‘1‘;
// false
1 === 1;
// true

1 != 1;
// false
1 != ‘1‘;
// false
1 != ‘2‘;
// true

1 !== 1;
// false
1 !== ‘1‘;
// true

NaN == NaN;
// false  // NaN 不等于任何值,包括他自己

Undefined 与 null

foo;
// ReferenceError: foo is not defined
typeof foo;
// "undefined"

var somevar;
somevar;
typeof somevar;
// "undefined"

// JavaScript 自动初始化变量值为 undefined
var somevar;
somevar === undefined;
// true

// JavaScript 不会自动给变量赋 null 的初期值
var somevar = null;
// null
somevar;
// null
typeof somevar;
// "object"

// undefined & null
var i = 1 + undefined;
i;
// NaN
var i = 1 + null;
i;
// 1

// 转换为数字:
1 * undefined;
// NaN
1 * null;
// 0

// 转换为布尔值:
!!undefined;
// false
!!null;
// false

// 转换为字符串:
"value: " + null;
// "value: null"
"value: " + undefined;
// "value: undefined"

5. 数组 Arrays

var a = [1, 2, 3];

// 你可以用以下方式向数组里添加项目
a[3] = ‘four‘;
// "four"

// 如果你用这种方式添加项目,在此索引之前未指定的项目将被初始为 undefined
a[6] = ‘new‘;
// "new"
a;
// [1, 2, 3, "four", undefined, undefined, "new"]

// 使用 delete 来移除项目
var a = [1, 2, 3];
delete a[1];
// true
a;
// [1, undefined, 3]
typeof a[1];
// "undefined"

// 数组可以包含多种类型的数据,甚至可以包含另一个数组
var a = [[1, 2, 3], [4, 5, 6]];
a;
// [Array[3], Array[3]]

6. 代码段落(Code blocks)

检查变量是否存在

var result = "";
if (typeof somevar !== "undefined") {
  result = "yes";
}
result;
// ""

var somevar;
if (typeof somevar !== "undefined") {
  result = "yes";
}
result;
// ""

somevar = undefined;
if (typeof somevar !== "undefined") {
  result = "yes";
}
result;
// ""

somevar = 123;
if (typeof somevar !== "undefined") {
  result = ‘yes‘;
}
result;
// "yes"
时间: 2024-11-10 15:44:03

Javascript 基础点的相关文章

JavaScript - 收藏集 - 掘金

Angular 中的响应式编程 -- 浅淡 Rx 的流式思维 - 掘金第一节:初识Angular-CLI第二节:登录组件的构建第三节:建立一个待办事项应用第四节:进化!模块化你的应用第五节:多用户版本的待办事项应用第六节:使用第三方样式库及模块优化用第七节:给组件带来活力Rx--隐藏在 Angular 中的利剑Redux你的 A... Electron 深度实践总结 - 前端 - 掘金思维导图 前言: Electron 从最初发布到现在已经维护很长一段时间了,但是去年才开始慢慢升温.笔者个人恰好

深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP

前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第5篇,依赖倒置原则LSP(The Dependency Inversion Principle ). 英文原文:http://freshbrewedcode.com/derekgreer/2012/01/22/solid-javascript-the-dependency-inversion-principle/ 依赖倒置原则 依赖倒置原则的描述是: A. High-level modules should not

Javascript中call的使用

call 方法应用于:Function 对象调用一个对象的一个方法,以另一个对象替换当前对象.call([thisObj[,arg1[, arg2[,   [,.argN]]]]])参数:thisObj 可选项.将被用作当前对象的对象. arg1, arg2, , argN 可选项.将被传递方法参数序列. 说明:call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象.如果没有提供 thisObj 参数,那么 G

你不知道的javascript 之 >>

?远大于符号 在数学公式中,">>"代表远大于符号,表示一个数远大于另一个数,如76>>3,-2>>-99等.庞加莱与波莱尔1901年首先使用了它,很快被数学界所接受,沿用至今. 折叠编辑本段右移运算符 在许多计算机编程语言(例如:C语言.C++语言.Java语言.JavaScript语言.Pascal语言等)中,">>"代表右移运算符,就相当于"shr".该运算符为双目运算符,结合方向为从左到右,

初识JavaScript

JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能.因为JavaScript兼容于ECMA标准,因此也称为ECMAScript. ECMAScript,描述了该语javascript组成言的语法和基本对象. 文档对象模型(DOM),描述处理网页内容的方法

最全解析如何正确学习JavaScript指南,必看!

划重点 鉴于时不时,有同学私信问我:怎么学前端的问题.这里统一回复一下,如下次再遇到问我此问题同学,就直接把本文链接地址发给你了. "前端怎么学"应该因人而异,别人的方法未必适合自己.就说说我的学习方法吧:我把大部分时间放在学习js上了.因为这个js的学习曲线,先平后陡.项目实践和练习啥的,我不说了,主要说下工作之外的时间利用问题.我是怎么学的呢,看书,分析源码.个人这几天统计了一下,前端书籍目前看了50多本吧,大部分都是js的.市面上的书基本,差不多都看过. 第一个问题:看书有啥好处

JavaScript数据类型检测

一.JavaScript 数据类型 1.基本数据类型(6种) Undefined Null Boolean Number String Symbol (ES6新增) 2.引用数据类型: Object 二.数据类型检测 1. typeof 可以检测除null 外的基本类型.null 和所有对象的typeof都是"object", 不能用于检测用户自定义类型. 比如Date, RegExp, Array, DOM Element的类型都是"object". var s

JavaScript的进阶之路(二)函数简介,变量、作用域和内存问题

<h3>ECMAScript中函数不存在函数签名的概念,没有重载</h3><h3>无需指定返回值,可以在任何时候返回任何值.未指定返回值的函数,返回的是一个特殊的undefined值</h3> <script type="text/javascript"> function sayHi(){ console.log("Hi"); }; sayHi(); function sayName(name,age){

JavaScript 二进制的 AST

本文和大家分享的主要是javascript中二进制的 AST相关内容,一起来看看吧,希望对大家学习javascript有所帮助. 背景介绍 多年来,JavaScript 已经从最慢的脚本语言之一,从老爷车发展为兰博基尼,不管是通过 Web 浏览器还是其他环境.它都能够快到可以运行桌面.服务器.移动甚至嵌入式应用程序. 随着 JavaScript 的增长,应用程序的复杂程度和规模都越来越复杂.然而,二十年前,少数使用过 JavaScript 的网站也就加载几千字节的 JavaScript,许多网站