JavaScript一小时快速入门(适合学过其他语言的)

最新推荐文章于 2024-07-11 18:00:32 发布

田野上的辉桑

最新推荐文章于 2024-07-11 18:00:32 发布

阅读量704

点赞数

分类专栏：自学笔记文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/allllloo/article/details/121591309

版权

这篇笔记是跟着廖雪峰老师的博客写的,有需要的可以去看廖雪峰老师的博客

JavaScript 放在Html中

通常我们都把JavaScript代码放到<head>中

由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行

放在JS文件中

把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件

可以在页面中多次编写<script> js代码... </script>，浏览器按照顺序依次执行

<script type="text/javascript">...</script>
//默认的`type`就是JavaScript，所以不必显式地把`type`指定为JavaScript

请注意，JavaScript严格区分大小写，如果弄错了大小写，程序将报错或者运行不正常。

调试程序可以用console.log()和alert(),使用console.log()代替alert()的好处是可以避免弹出烦人的对话框,通过F12可以查看console.log()的内容。

快速入门

JavaScript不区分整数和浮点数，统一用Number表示，以下都是合法的Number类型

123; // 整数123
0.456; // 浮点数0.456
1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5
-99; // 负数
NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

字符串

与大多数语言相同都用 " "或者 ’ ’ 包含,引号本身不包括
如果字符串内部既包含'又包含"怎么办？可以用转义字符\来标识，比如：

'I\'m \"OK\"!'; // I'm "ok"!

转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，\\表示的字符就是\

ASCII字符可以以\x##形式的十六进制表示,\u####表示一个Unicode字符：

'\x41'; // 完全等同于 'A'
'\u4e2d\u6587'; // 完全等同于 '中文'

由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号...表示：

`这是一个
多行
字符串`;

要把多个字符串连接起来，可以用+号连接：

ES6新增了一种模板字符串可以用${变量名}, 注意用反引号`

var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '岁了!';
var message1 = `你好, ${
     name}, 你今年${
     age}岁了!`

一些常用字符串操作:

需要特别注意的是，字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果

var s = 'Hello';
s.length; //获取长度 5
s[0]; //H
s[0] = 'T';//不会报错但是也没有效果
s;//Hello
s.toUpperCase(); // 大写返回'HELLO' 同理toLowerCase
s.indexOf('e');// 获取查找字符串的首位下标 1
s.indexOf('llo');// 2 如果没有返回 -1
s.subString(1); //返回指定索引位置字符串 从1到结束 ello
s.subString(1,3); // el

布尔值

布尔值和布尔代数的表示完全一致，一个布尔值只有true、false两种值，要么是true，要么是false，可以直接用true、false表示布尔值，也可以通过布尔运算计算出来：&&与运算 ||或运算 ! 非运算

比较运算符

比较运算会得到布尔值

JavaScript允许对任意数据类型做比较：

false == 0; // true
false === 0; // false

第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果；

第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。

由于JavaScript这个设计缺陷，不要使用==比较，始终坚持使用===比较。

另一个例外是NaN这个特殊的Number与所有其他值都不相等，包括它自己：

唯一能判断NaN的方法是通过isNaN()函数：

NaN === NaN; // false
isNaN(NaN); // true

null和undefined

null 表示为空 undefined表示为未定义

多数情况下用null , 一般在undefined仅仅在判断函数参数是否传递的情况下有用。

数组

数组是一组按顺序排列的集合，集合的每个值称为元素。

JavaScript的数组可以包括任意数据类型, 用 [ ] 表示数组, 元素之间用, 分割

数组可以通过下标访问,同样 下标从0开始

[1, 2, 3.14, 'Hello', null, true];

另一种创建数组的方法是通过Array()函数实现：

new Array(1, 2, 3); // 创建了数组[1, 2, 3]

为了可读性,强烈推荐用[]

数组常用操作:

var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6; //直接给Array的length赋一个新的值会导致Array大小的变化
arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
arr[5] = 'x';//如果通过索引赋值时，索引超过了范围，同样会引起Array大小的变化：
arr; // arr变为[1, 2, 3, undefined, undefined, 'x']

因为数组越界不会报错,所以使用数组要注意检查数组索引

// 与String类似，Array也可以通过indexOf()来搜索一个指定的元素的位置：
var arr = [10,

最低0.47元/天解锁文章

田野上的辉桑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript一小时快速入门(适合学过其他语言的)

这篇笔记是跟着廖雪峰老师的博客写的,有需要的可以去看廖雪峰老师的博客JavaScript 放在Html中通常我们都把JavaScript代码放到<head>中由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行放在JS文件中把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件可以在页面中多次编写
复制链接

扫一扫