day01 - javascript的基本语法

1. javascript的写法

  1. 行内式 :写在html标签的属性内(很少用)
  2. 内嵌式: <script></script>双标签
  3. 外联式引入:<script src=“ .js”></script>
    EDMAScript是语言标准JavaScript才是语言,可以让网页产生行为script标签可以放在网页的任何一个位置,建议写在body标签结束js是网页行为,操作html的标签,必须先有这个便签,才能操作这个标签。

2. javascript的语法

1. javascript三大组成部分:

ECMAScript:语法标准
DOM:操作文本
BOM:操作浏览器

2. js注释:

1. //          单行注释
2. /*  */     多行注释

3. javascript的变量
变量就是一个容器,可以用来存储数据的容器
创建容器: var + 变量名;
变量名的规则:

可以由数字0-9、大小写字母、下划线_、美元符$;
不能以数字开头;
不允许使用中文;
区分大小写;
不能使用关键字和保留字作为变量名;(关键字和保留字是js在开发的时候,自己内部使用过的一些具有特殊含义的单词)

存储数据:

赋值符=
var a = 10;
var a,b,c;     // 一次性声明多个变量,多个变量名之间用逗号隔开
var a=1, b=2// 一次性定义多个变量赋值

变量名和赋值符之间以及赋值符和数字之间可以不加空格,每行结束可以不加分号,建议加上
赋值符的左边是变量,右边是值
赋值符将右边的值放到左边的变量中存起来

4. 数据的输出方式

3. alert(要显示的信息或变量);
	//以弹窗的形式显示在页面中
	//通常在给用户做提示的时候使用
4. document.write(要显示的信息或变量);
	//以文本的形式直接显示在网页中
5. console.log(要显示的信息或变量);
	//在控制台显示数据
6. confirm(要显示的信息或变量);
	//提示用户是否要确定和取消的弹窗
7. prompt(要显示的信息或变量);
	//提示用户可输入的弹窗

5. js的数据类型

8. 数字类型-number      //正数、负数、整数、小数、0
9. 字符串类型-string    //一串字符组合起来然后用引号(单引双引都行)引起来
10. 未定义-undefined    //定义了变量,没有赋值
11. 布尔类型-boolean    //用来描述对与错、真和假,事物的两面性(true和false)
12. 对象类型-object     //[ ]数组、{ }json对象、null空
13. 函数-function
//通过typeof来检测是什么类型

6. js数据类型的转换
(1) js的数据类型转换成number
①字符串类型转换成数字类型

var b=Number(a);将a中的类型转换成数字类型,并赋值给b    NaN:not a number
var b=parseInt(a);parseint是将数据转换成数字中的整数
var b=parseFloat(a);parsefloat是将数据转换成数字中的小数
var b=Math.round(a);Math.round是四舍五入并取整数
不是纯数字型的字符串,但是由数字开头的(111abc),Number和Math.round结果是NaN
不是由数字开头的字符串,被转换的结果都是NaN

②布尔类型转换成number

布尔类型true转换成数字类型,Number和Math.round结果是1,parseInt和parseFloat结果是NaN
布尔类型false转换成数字类型,Number和Math.round结果是0,parseInt和parseFloat结果是NaN

③未定义-undefined转换成number

结果都是NaN

④ null转换成number

Number和Math.round结果是0,parseInt和parseFloat结果是NaN

(2)js的数据类型转换成string

14. String();
15. toString();

①数字转换成字符串

任何数字转字符串都一样,只是加了个引号而已

②布尔类型转换成字符串

加引号

③undefined转换成字符串

 加引号

(3) js的数据类型转换成布尔类型

Boolean()

①数字转布尔类型

0以外的数字都是true0false

②字符串转布尔型

有内容就是true,空字符是false

③undefined转布尔型

false

④null转布尔型

false

7. js的运算符

  1. 算数运算符

     	1. +   加法(二义性:既可以数字相加,也可以字符串拼接)
     	2. -    减法
     	3. *    乘法
     	4. /    除法
     	5. %  求余(取模)
     	运用求余判断奇偶;%2=0为偶数,%2=1为奇数
    
  2. 赋值运算符

     	1. var 变量=值(将右边的值赋值给左边的变量)
     	2. -=
     	3. *=
     	4. /=
     	5. %=
    
  3. 比较运算符(比较运算,最终得出的结果都是布尔值)

     	1. >(大于)
     	2. <(小于)
     	3. >=(大于等于)
     	4. <=(小于等于)
     	5. ==(相等)    
     	     1==“1” true;比较两个容器中的值是否一样(具有隐式转换)
         6. ===(绝对等于)   
     	     1==“1”flase;先比较两个值的类型是否相等,如果不相等,直接就是false,如果相等了就再比较两个值是否相等(不具有隐式转换)
     	7. !=(不等于)
     	8. !==(绝对不等于)
    
  4. 逻辑运算符

     	1. &&      并且
     	2. ||      或者
     	3. !      取反
    
  5. 一元运算符

     	1. 自增 (++)
     	2. 自减  (--)
     	当自增自减运算碰到数学运算、输出、赋值的时候,++在前面就先进行++自增,然后再输出
    

6.字符串的拼接

	1. +    字符串的拼接符
	只要两边有一个是字符串,就会将这两个字符串连在一起组成一个大字符串
	undefined+null=NaN
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值