脚本宝典收集整理的这篇文章主要介绍了Javascript学习资料整理——week1-day1,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一、
1.javascript代码引入位置
alert('helloworld') 弹出一个对话框,显示括号中内容
行内式:直接在html属性中写JavaScript代码
1)无默认行为的HTML标签
<div οnclick="alert('helloworld')">点击我</div>
2)有默认行为的HTML标签
<a href="javascript:alert('百度')">百度</a>
<form action=''></form>
内嵌式:
<script type='text/javascript'>
alert('内嵌式引入js代码')
</script>
注意:位置 body结束标签前
外链式:
<script src='js文件路径'></script>
二、
js注释:
单行注释 // ctrl+/
多行注释 /*内容*/ ctrl+shift+/
三、变量
1.使用方式
定义一个变量: var 变量名 //创建一个变量名
var a //创建一个名为a的变量
var num //创建一个名为num的变量
2.作用:
存储数据的容器
值变化的量
3.规则:
变量必须由数字、字母、下划线、$组成
不能用数字开头
不能使用关键字和保留字
不能用空格
4.规范:
变量名语义化
驼峰命名
5.变量赋值:
var num=100
= 赋值符号 (将100的值赋值给变量num)
6.访问显示变量值
console.log(变量)
显示变量的值,输出打印到浏览器控制台
四、变量内存结构图
<script>
var num=100
num=200
console.log(num)
</script>
五、数据类型
1.数据类型:存储数据的类型
两大类:
基本数据类型
1)number(数值)
一切数字都是数值类型
var num=100 || var num=10.23 (num数据类型都是number)
var num=NaN NaN是一个数字值,属于 (非数字值)
2)string (字符串)
用引号引起来的值 (单引或双引)
var i='helloworld' || '张三'
3)boolean (布尔类型)
只有两个值:true (成立,真) / false (不成立,假)
var i=true / false
4) null (空类型)
值为 null
var i=null
5)undefined (未定义类型)
值为 undefined
var son
复杂数据类型
object Array...
六、检查变量数据类型
1.typeof
语法:typeof 变量
返回变量数据类型——string,number,boolean,null,undefined
示例:var a
console.log('a',typeof a) // undefined
注意:var person = null
console.log('person',typeof person) // object
七、数据类型转换(其它类型转数值类型)
1.Number(变量)——返回数值类型变量
''——0
'100'——100
'hello'———NaN
true——1
folse——0
2.parseInt(变量)——返回数值类型变量(取整)
'100'——100
'100.25'——100
'hello'——NaN
取整:
35.2——35
parseInt(35.2)——35
'100abc'——100
3.parseFloat(变量)——返回数值类型变量(保留小数)
'35.2'——35.2
八、其他类型转字符串
1.String(变量)——返回转换之后字符串
100——'100'
true——'true'
2.变量.tostring()——变量转字符串
100——'100'
true——'true'
undefined——控制台报错
null——控制台报错
3.+ 连接符
var num = ''+100
console.log(num) // '100'
+号前后有'',则变成连接符
九、其他类型转布尔类型
1.Boolean(变量)——返回布尔类型
100——true
0——false
'hello'——true
''——false
undefined——false
null——false
十、数学运算符
1.+ 如有一边是字符串,进行字符串连接
2.- 进行隐式转换,将字符串转换成数值再运算
3.* 进行隐式转换,将字符串转换成数值再运算
4./ 进行隐式转换,将字符串转换成数值再运算
5.% 取余
十一、赋值运算符
1.= += -= *= /= %=
2.比较运算符
比较两边的值是否相同,如果相同返回true,不同返回false
== 比较值
=== 恒等,比较值和数据类型
> < >= <= !=
注意:比较运算符的结果是布尔类型
3.逻辑运算符
&& 逻辑与
并且,左右两边都成立,表达式才成立,返回true,有一个不成立,返回false
true && false —— false
true && true —— true
注意:一般用于判断两个条件是否同时成立,如果前面是false,后面运算忽略不执行
|| 逻辑或
或者,左右两边只要有一个成立,表达式成立,返回true,都不成立,返回false
false || false —— false
true || false —— true
! 逻辑非
!true ——false
!false ——true
注意:比较运算的结果是布尔值
十二、自增自减运算符
1.自增 ++
自身加一
var num = 100
num++ // 101
2.自减 --
自身减一
var num = 100
num-- // 99
3.++在前和在后的区别:参与其他运算
++在后,表示先运算,再加一
++在前,表示先加一,再运算
十三、检查非数字值
NaN (not a number)
number可为 100/NaN
isNaN(变量)
如果变量是非数字符返回true,否则返回false
示例:
var n = 100
console.log(isNaN(n)) //false
var n = 'hello'
console.log(isNaN(n)) //true
以上是脚本宝典为你收集整理的Javascript学习资料整理——week1-day1全部内容,希望文章能够帮你解决Javascript学习资料整理——week1-day1所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。