js笔记(一)

笔记基于 尚硅谷

目录

1.js简介

1.1什么是语言

1.2JS起源

1.3学习内容

1.4JS的特点

2.第一个js程序

2.1 alert

2.2 document.write

2.3 console.log

2.4 prompt

3.js编写位置

3.1行内式的js

3.2 内嵌js

3.3外部js文件

4.变量与命名

4.1 声明变量与赋值

4.2 标识符与命名

5.数据类型

5.1字符串string

5.2 数字型Number

5.3Boolean布尔值

5.4 Null

5.5 undefinde

补充 字符串的拼接

6 强制类型转换

6.1 转换为string型

6.2 转换为Number型

6.3 转换为Boolean型


1.js简介


1.1什么是语言


计算机就是一个由人来控制的机器,人让它干嘛,它就得干嘛。

我们要学习的语言就是人和计算机交流的工具,人类通过语言来控制、操作计算机。

编程语言和我们说的中文、英文本质上没有区别,只是语法比较特殊。

语言的发展:

  • 纸带机:机器语言
  • 汇编语言:符号语言
  • 现代语言:高级语言


1.2JS起源


JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。

所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。

比如:用户名的长度,密码的长度,邮箱的格式等。

1.3学习内容


我们已经知道了一个完整的JavaScript实现包含了三个部分:ECMAScript、DOM和BOM。

由此我们也知道了我们所要学习的内容就是这三部分。

  • ECMAScript
  • DOM
  • BOM

1.4JS的特点

  • 解释型语言
  • 类似于C和Java的语法结构
  • 动态语言
  • 基于原型的面向对象

2.第一个js程序

2.1 alert

控制浏览器弹出一个警示框

alert("Hello World!");

2.2 document.write

让计算机在页面中输出一个内容

document.write("Hello World!");

2.3 console.log

让计算机向控制台输出一个内容

console.log("Hello World!");

2.4 prompt

浏览器弹出对话框,用户可以输入

 prompt('helloworld');

3.js编写位置

3.1行内式的js

jxust

3.2 内嵌js


3.3外部js文件

可以将js代码编写到外部js文件中,然后通过src引入

 

script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略

如果需要则可以在创建一个新的script标签用于编写内部代码

4.变量与命名

4.1 声明变量与赋值

:在js中使用var关键字来声明一个变量

4.2 标识符与命名

在JS中所有的可以由我们自主命名的都可以称为是标识符

例如:变量名、函数名、属性名都属于标识符

命名一个标识符时需要遵守如下的规则:

  • 标识符中可以含有字母、数字、_、$
  • 标识符不能以数字开头

  • 标识符不能是ES中的关键字或保留字

标识符一般都采用驼峰命名法
首字母小写,每个单词的开头字母大写,其余字母小写

5.数据类型

可以使用一个运算符typeof,来检查一个变量的类型。语法:typeof 变量

检查字符串时,会返回string
检查数值时,会返回number

5.1字符串string

在JS中,字符串需要使用引号引起来,使用单引号或双引号都可以,但不要混合使用

同一种引号不能嵌套,双引号不能放双引号,单引号不能放单引号

在字符串中我们可以使用\作为转义字符,当表示一些特殊符号时可以使用\进行转义

  • \" 表示 "
  • \' 表示 '
  • \n 表示换行
  • \t 表示缩进
  • \\ 表示 \

5.2 数字型Number

在JS中,所有的数值都是Number类型,包括整数和浮点数(小数)

MAX_VALUE

JS中可以表示的数字的最大值  Number.MAX_VALUE=1.7976931348623157e+308

如果使用Number表示的数字超过了最大值,则会返回一个Infinity

MIN_VALUE

大于0的最小值  Number.MIN_VALUE=5e-324

Infinity

  • Infinity表示正无穷
  • -Infinity 表示负无穷

NaN

NaN是一个特殊的数字,表示Not A Number 

使用typeof检查一个NaN也会返回number

5.3Boolean布尔值


布尔值只有两个,主要用来做逻辑判断

  • true表示真
  • false表示假

使用typeof检查一个布尔值时,会返回boolean

5.4 Null

null这个值专门用来表示一个为空的对象

使用typeof检查一个null值时,会返回object

5.5 undefinde

当声明一个变量,但是并不给变量赋值时,它的值就是undefined

使用typeof检查一个undefined值时,会返回undefined

补充 字符串的拼接

多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串

拼接前会把与字符串相加的任何类型转换成字符串,在拼接成一个新的字符串

6 强制类型转换

6.1 转换为string型

tostring()

该方法不会影响到原变量,它会将转换的结果返回

var a = 123;
var b = a1.toString();
console.log(typeof a); // 返回number
console.log(typeof b); // 返回string

但是注意:null和undefined这两个值没有toString(),如果调用他们的方法,会报错

String()强制转换

使用String()函数做强制类型转换时,对于Number和Boolean实际上就是调用的toString()方法

但是对于null和undefined,就不会调用toString()方法,而是改变原变量

null 转换为 ‘null’
undefined 转换为 'undefined'

隐式类型转换

利用拼接字符串的方式实现转换效果 隐式转换

console(1+' ');

6.2 转换为Number型

Number()

字符串转为数字

  • 如果是纯数字的字符串,则直接将其转换为数字
  • 如果字符串中有非数字的内容,则转换为NaN
  • 如果字符串是一个空串或者是一个全是空格的字符串,则转换为0

布尔类型转换为数字

true 转为1

false 转为0

parseInt()

把一个字符串转换为一个整数:可以将一个字符串中的有效整数部分取出来,然后转换为Number
parseFloat()

把一个字符串转换为一个浮点数:可以将一个字符串中的有效小数部分取出来,然后转换为Number


如果对非String类型使用parseInt()或parseFloat(),它会先将其转换为String,然后再操作

隐式类型转换

利用了算数运算- * / 隐式转换

console('12'-0);

6.3 转换为Boolean型

数字转为布尔
0和NaN是false

其余的都是true


字符串转为布尔
除了空串,其余的都是true


null和undefined都会转换为false
对象也会转换为true

你可能感兴趣的:(javascript,前端,开发语言)