js-day01

一、JS概述

1.历史

(4)2009年,js开始向后端发展

2.现状

JS既可以运行在客户端浏览器中,也可以运行在服务器端

3.特点

(1)是解释型语言,编译一行执行一行

(2)基于对象例如:用户模块轮播模块

(3)弱类型语言

(4)跨平台例如:mac windows

4.应用场景

开发浏览器端的交互效果,服务器端开发

二、开发环境

1.浏览器

每个浏览器中都有自带的JS解释器
谷歌/edge/火狐/Safari/欧朋 (内核)开发用
360/2345/搜狗/猎豹 (借鉴上面内核)

2.服务器端
Node.js
官方下载地址:www.nodejs.org
打开命令行cmd
node -v 查看当前Node.js版本号

3.运行JS

浏览器
新建01.js和01.html两个文件,把js嵌入到html
<script src='01.js'></script>

Node.js
node 拖拽文件回车

三.JS的语法规范

区分大小写

每行结束的分号可以省略

分为单行注释(//..)和多行注释(/*..*/)

四.变量

存储数据的容器

(1)声明变量
var x=1;
使用var关键字声明变量,变量名称为x,然后把1保存进去

(2)命名规则
变量名称可以由字母、数字、下划线、美元符号组成，不能以数字开头，不能使用关键字，不要使用汉字
有语义
email phone user_name userName yongHuMing

(3)变量的赋值
变量声明后未赋值为undefined（未定义），变量可以多次赋值，并且赋不同类型的值，这是弱类型语言的特点

（4）一次声明多个变量
var n1=1,n2=2,n3=3;
多个变量之间用逗号隔开

js-day02

一.常量

常量用来存储数据的容器

常量声明后必须赋值,不允许重新赋值
const a=1;
使用const关键字声明常量

二、数据类型

1.原始类型（基础类型）

(1).数值型

10进制
1 2 3 .. 7 8 9 10 .. 15 16
8进制：以0开头的数字，例如：012
1 2 3 .. 7 10 11 12
16进制：以0X开头的数字，不区分大小写，例如：0XA
1 2 3 .. 7 8 9 a ~ f 10
浮点型
3141.5e-1
314.15
31.415e1
3.1415e2

(2).字符串型

所有被引号包裹的数据就是字符串型
查看任意一个字符的Unicode码
'a'.charCodeAt()

(3)布尔型

只有两个值,分别是true和false,代表真和假
用于保存只有两个值得数据,例如:是否是会员,登录,已婚....

(4)未定义型

只有一个值undefined,声明变量未赋值则值为undefined
表空值

(5)空(特殊)

只有一个值null,常用于对象中

2.引用类型（对象模块）

三.数据类型转换

重点1.隐式转换

在运算过程中自动发生的转换

(1)数字+字符串数字转为字符串
2+'3' //'23'

加号(+)的作用
数值之间的加法运算
字符串之间的拼接

(2)数字+布尔型
2+true //3
2+false //2

布尔型转为数字,true ->1 false ->0

(3)字符串+布尔型

'3'+true //'3true'

NaN:Not a Number,不是一个数字,讲一个值转为数字的时候,没有成功得到数字结果就是NaN
NaN和任何数字执行数学运算,结果还是NaN

所有的隐式转换为数字自动调用函数Number

重点2.强制转换

(1)强制转为数字
Number( )

n1=Number('1');//1
n2=Number('1a');//NaN
n3=Number(true);//1
n4=Number(false);//0
n5=Number(undefined);//NaN
n6=Number(null);//0

(2)强制转整型
parseInt()
用于将字符串和小数点位整型,其他转换的结果位NaN
p1=parseInt(1.9);//1
p2=parseInt('3.14');//3
p3=parseInt('6.6a');//6
p4=parseInt('6a6');//6
p5=parseInt('a66');//NaN
p6=parseInt(true);//NaN

(3)强制转换为浮点型
parseFloat()
用于将字符串强制转换为浮点型
f1=parseFloat('3.14');//3.14
f2=parseFloat('6a');//6
f3=parseFloat('a6.18');//NaN
(4)强制转换为字符串(了解)
toString()
用于将数值和布尔型转换为字符串
var n=5;
var str=n.toString();//5

js-day01-02相关推荐

Js实战--02登录注册
Js实战–02登录注册文章目录 Js实战--02登录注册一.HTML布局二.样式 1.页面效果图三.Js特效效果展示网站:https://www.bilibili.com/video/BV1 ...
【cocos2d-x从c++到js】02：解决在vs中修改js源文件无效
之前我们讲到了,如何去把cocos2d-x引擎自带的MoonWarriors例子工程导入源码,然后可以方便学习和编辑. 但是我事后发现,如果修改了js代码后,点击调试,运行时仍然是之前的结果,毫无变化 ...
JS OOP -02 深入认识JS中的函数
深入认识JS中的函数: 1.概述,认识函数对象 2.函数对象和其他内部对象的关系 3.将函数作为参数传递 4.传递给函数的隐含参数:arguments 5.函数的apply,call方法和length ...
JS基础02之流程控制语句
if-else-if多分支语句练习案例1 说明:输入学生的成绩并根据成绩给出相应的等级, 等级评定标准: 成绩在90–100(包含)之间,显示 A,成绩在80–90(包含)之间, 显示 B,成绩在7 ...
10.26 node.js day01
目录 global模块 fs模块 path路径模块 http模块 ctrl+L 清除终端内容 esc 清除当前行内容 tab 补全代码 ctrl+c 停止终端 global模块 __filename ...
JS的组成-JS数组方法-JS函数-系统化学习
JS Day01 什么是js的组成? ECMAScript(es) 其实就是js的规范(规则) DOM 文档对象模型 div span BOM 浏览器对象模型 JS的使用方式行内样式的书写(不经常使 ...
JavaScript基础和js概括
js内容概括: Html 结构化 CSS 样式 JavaScript 行为交互 01.JavaScript基础 02.JavaScript操作BOM对象 03.JavaScript操作DOM对象 ** ...
cmstop框架中的js设计content.js
控制cmstop框架中action的js 内容模块找出当前页面的js的思路 01先找显示页面的当前文件.在页面文件中-->找(编辑,删除)按钮-->找获取这个按钮的js选择器 02看加载 ...
【全文】狼叔：如何正确的学习Node.js
说明 2017-12-14 我发了一篇文章<没用过Node.js,就别瞎逼逼>是因为有人在知乎上黑Node.js.那篇文章的反响还是相当不错的,甚至连著名的hax贺老都很认同,下班时读那篇 ...
jsf取js变量_JSF页面中的JS取得受管bean的数据（受管bean发送数据到页面）
[问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: 删除- http://blog.csdn.net/xxjoy_777/articl ...

js-day01-02