在大牛小徐子的帮助下,今天花了1小时的时间把js初步学习了一遍,当然只是摸了个门槛,只是想找点进入。
把笔记贴出来一下,做个学习笔记。
js主要分3个领域:
1. js基础 2. dom基础 3. js 高级 http://www.jplusui.com/resources/javascript/studymethod.html
今天学习就是基础部分,入门级别
一.数据类型
所谓的数据类型,就是数据的格式,比如常见的有数字、文本。js内的数据类型有:
(js对大小写敏感)
1. Number 数字,比如 1, 1.2 , .4 , 2e1, 0x34
有2个数字是很特别的,
一个是 Infinity 表示无穷大 1 /0 == Infinity
还有一个特别的是 NaN 表示不是数字 当表达式无法计算时,返回 NaN 比如 0 / 0 == NaN
2:
Boolean 布尔型
布尔型只有2个值 true false
3. 字符串 String
"a" 'a' 'a\n' 字符里的\表示转义字符,js的 单引号和双引号一样,"'" '"'
都是可以
上面几个类型都是很直白的,叫基础类型。
4. Array 数组 相当于数学的数列
5. Object 对象,任何类型都是对象
6. Function 函数
7. RegExp 正则类型
8. Date 日期类型
上面几个类型都是引用类型。
9. Undefined 类型 只有1个值: undefined
10. Null 类型 只有1个值: null
小测试:
说明下面的类型:
3 Number 注意 类型都是大写的
null Null
'\
' String 木有错\后面有回车 \是转义, \加回车用于多行的
/3/ RegExp
'false' String
String Function 类型本身是 Function
[] Array
{c:4} Object
任何类型都是Object,{} 定义的不属于任何其它类型,只能是
Object。引用类型的变量创建 是通过new的。比如 new Array() 可以创建一个数组,但内置类型都有快捷方式来创建,比如 [] 也可以创建数组 。类似的有 new Array() -
[1,2,3] ;new RegExp() - /aa/
new Object() -
{key: value, key1: value1};new Function() - function(){}
二: 表达式计算
1. 字符串在计算时(除了+)会先尝试转数字。
若无法转化成功,则计算结果为NaN 。
字符串+运算时,每个变量转字符串。其它计算时(包括单目的+计算),每个变量转数字。
字符串比较时,也是每个变量转字符串。
2. 其它类型转成数据
需要四则计算的时候,比如 - * / 位运算. 这个在表单验证的时候很有效。比如用户输入的是字符串,
这样才能计算: +'1' + +'3',不然计算结果是字符串的连接
而每个类型转数字和转字符串的方式都是不同的。
①.Number : 不需要转。
②. Boolean: false -> 0 true -> 1
③.String. 包含数字本身的字符串转数字,其它是NaN
④.Function、Object、Array、RegExp 转数字都是 NaN
⑤.
Undefined 转数字是 NaN
⑥. Function、Object、Array、RegExp 转数字都是 NaN
⑦.null 转数字是 0
一般,为了变量强制转数字,只需在前面加个+ 。所有变量转为数字都是调用了 其 valueOf()
3. 所有类型转
字符串的方法:
①. Number
String Boolean 都是直观的
②.true -> "true"
③.数组转字符串就是每个成员变字符串, 然后,连接
④ function f(){} => "function
f(){}" .函数转为其源码
⑤. Object
转为 "[object Object]" 后面的Object是构造函数的名字。
⑥. RegExp 和 Date 是特定的
⑦.undefined
和 null 也是直观的
所有变量转为字符串都是调用了 其 toString()
方法
4.所有类型转布尔类型
①. Number: 除了 0 和 NaN 是 false
②. String 除了 '' 是 false
③. Boolean 除了 false 是false
④ undefined 和 null 是 false
⑤. 其它都为 true
所以,转为false的就这些: 0 NaN '' false undefined null
5.js里 && 和 || 不返回true或false,而是返回其中的一个值
当运算 A || B ,会先计算A的布尔值,如果true,返回 A。否则返回 B。 当运行A&&B ,也会返回A或B。因 此 A&&B||C会先判断A,满足后判断B,AB有一个满足就返回,都不满足则得到C。
http://www.jplusui.com/resources/javascript/basic.html
undefined || 3 则返回 3
6. typeof 运算
typeof 'a' -> 'string' typeof
undefined -> 'undefiend'
typeof 返回的是小写的,返回的值是一个字符串,不是类型本身
typeof
null -> 'object'
7.其它的特殊操作符有:delete new void
void 3 -> undefined 。void 总是返回 undefined
还有一个是 instanceof,比如 new String () instanceof String
判断变量是不是string这个类型,当然,只能在new的时候用,不是new出来的不能判断
8. 其他
[0,0][0,0]
a = [0,0]
a[0,0] a[0,0] = a[0]
, 是运算符 逗号表示就是取最后的那个 例如 1,2,3,4
就是普通的表达式计算,返回最后一个
表达式测验:
1+4 5
1/0 Infinity
-1-1-1 -3
'1-1' '1-1' 字符串需要加引号
'1' + 1 ‘11’
'1' - 1 0
'false' - 1 NaN 'false' - 1 = NaN - 1 = NaN 不是数字的字符串无法转数字,
返回NaN
1+ 2 + '3' + 4 + 5 ‘3345’
-Infinity -Infinity 负无穷大
+'2'+1 3 '2' 前面的不是加,而是正,所以字符串先转数字,so结果是 2+1 = 3
+'' NaN
'59' >= '6' false
'59'
> 6 true 先转数字 数组转数字: 先转字符串,然后字符串对应转数字
'' + [1,2,3] '1,2,3' 数组转字符串就是每个成员变字符串,
然后,连接
null == undefined true == 计算的时候,如果同类型,直接比较,否则转为类似的类型
4 == '4' true
null !== undefined true 有一种是 === 操作, 除了==还需类型相同
null || undefined && 2 undefined
0 / 0 || 1 / 0 || 2 Infinity
1 ? 2 : 3 ? 4 : 5 ? 6 : 7 = 1
? (2)
: (3 ? 4 : 5 ? 6 : 7) = 2 ?: 就近原则
((-1 + '2' - 3) / 4) && 5 || 6 ? 7
: 8 -3.75
js的Number 相当于java的 double 类型,js没有整数类型,所有数字都是允许小数的
typeof
(0 / 0) 'number' NaN本身也是数字所以返回 'number'
typeof typeof String 'string'
四 语句。这个和java一样, 直接pass
五. 系统内置对象和函数
分享到:
相关推荐
《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...
JavaScript,作为一种广泛应用于网页和网络应用的编程语言,是互联网动态化的重要推手。它主要负责客户端的交互逻辑,使得用户界面更加生动、响应迅速。本资料“JavaScript 入门与提高”由曾光和马军编著,旨在帮助...
《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...
JavaScript入门推荐首选书籍推荐
《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...
首先,"javascript入门参考资料.ppt"很可能是一个PowerPoint演示文稿,这种格式通常用于教学或讲座,以图文并茂的方式介绍JavaScript的基础知识。内容可能涵盖变量、数据类型、控制结构(如if语句和循环)、函数、...
本资源“javascript入门实用例子”是一个针对初学者的实践教程,旨在帮助你快速理解并掌握JavaScript的基础知识和实际应用。通过使用Eclipse这样的集成开发环境(IDE),你可以更方便地管理和调试代码。 首先,让...
总之,这个"JavaScript入门学习资料包"为初学者提供了一个全面学习JavaScript的平台,从基础到高级,从理论到实践,逐步建立起扎实的JavaScript知识体系。通过系统学习和不断实践,你将能够熟练掌握这门强大的编程...
资源名称:JAVAscript入门经典 第6版内容简介:本书是学习Javascript编程的经典教程。全新的第6版涵盖了ECMAscript 6。全书分为8个部分,共26章。首部分“Javascript基础”,包括第1章到第4...
这个"JavaScript入门经典源代码"压缩包很可能是包含了一系列用于初学者学习JavaScript编程的示例代码。通过这些源代码,学习者可以深入理解JavaScript的基础概念、语法结构以及常见功能的实现方式。 1. **基础语法*...
JavaScript入门经典完整版
Javascript是一种功能强大的脚本设计语言,本书全面详细地介绍了有关使用Javascript来进行开发、维护、管理和设置Web应用程序的内容。 由于 Javascript的各种树览器实现方案会存在一定的差异,使得在 Netscape ...
《JavaScript入门经典(第五版)》由Paul Wilton编著,是一本深受读者喜爱的JavaScript学习资源,尤其适合初学者。本书旨在帮助读者快速掌握JavaScript的基础知识,并逐步提升编程能力。 在JavaScript的世界里,你...
《JavaScript入门经典(第6版)》是由Phil Ballard编著的一本针对JavaScript初学者的经典教程。这本书详尽地介绍了JavaScript的基础知识,旨在帮助读者快速掌握这门强大的编程语言。JavaScript,作为Web开发中的核心...
JavaScript,一种广泛应用于网页和网络应用的编程语言,是互联网上实现动态交互的关键技术。...通过阅读《JavaScript入门教程.ppt》这个压缩包中的内容,初学者可以逐步深入到JavaScript的世界,开启编程之旅。
****JavaScript入门经典(第4版 英文版+第3版中文版 附JavaScript参考手册)****《JavaScript入门经典(第4版)》主要内容:·循序渐进介绍JavaScript基础知识,包括JavaScript的含义、原理和功能·介绍用于创建...
"JavaScript从入门到精通(第4版)"是一本旨在帮助初学者掌握这门语言的教材,通过详细的示例源码和习题答案,让学习者能够逐步深入理解JavaScript的核心概念和实际应用。 1. **基础语法**:JavaScript的基础包括...
此"JavaScript入门教程(清晰PDF)"提供了一个良好的起点,帮助初学者理解这一强大的编程工具。本教程涵盖了JavaScript的基本概念、语法以及实际应用,旨在使读者能够熟练地在浏览器环境中编写代码。 一、JavaScript...
"javascript入门视频教程(比较不错的)" 提供了一个全面学习JavaScript的基础路径,帮助新手逐步掌握这门语言。 本教程可能包含以下核心知识点: 1. **基础语法**:讲解JavaScript的基础,包括变量、数据类型(如...
《Html+Css+Javascript从入门到精通》是一本全面介绍了Web前端开发技术的教程。本书旨在帮助读者掌握Web开发的基础知识,并通过实践逐步深入理解HTML、CSS以及JavaScript这三种核心技术。以下是根据该书内容整理出的...