JavaScript学习笔记 Day1

JS简介

待补

JS书写位置

行内式（不推荐）
内嵌式

<script>代码段
</script>

外链式（推荐）

创建.js文件

JS注释

// 单行注释     ctrl+/
/* 多行注释 */  alt+shift+A

变量

定义：是指在程序中保存数据的容器，根据变量名可以获取到内存中存储的数据。
语法：var 变量名 = 值

注意
一个变量名只能存储一个值
JS严格区分大小写

变量命名规则与规范

规则

变量名由数字，字母，下划线，$ 组成。
不能由数字开头
不能是保留字或关键字
不要出现空格

规范

语义化
遵循小驼峰命名规则，从第二个单词开始首字母大写
不要使用中文

数据类型

分为两类：基本数据类型和复杂数据类型

基本数据类型

Number 数值类型整数浮点数科学计数法二八十十六进制
String 字符串类型 " " 和 ’ '都可以
Boolean var which = true || false
Undefined 声明未赋值的变量 var which = undefined
Null var whichobject = null
Symbol

复杂数据类型

待补

判断数据类型

使用typeof关键字来判断
typeof结果是字符串类型

typeof typeof a //结果是一个字符串类型

//第一种方式
var n1=100
console.log(typeof n1) //用于判断单个变量
//第二种方式
var s1="hello"
console.log(typeof(s1)) //用于判断多个变量运算后的结果

类型转换

将其他类型转换成数值

Number(变量）

可以把一个变量强制转换成数值类型
可以转换浮点数，保留小数
可以转换布尔值
遇到不可转的都返回NAN

parseInt(变量)

不认识小数点，只能保留整数
开头就不是数字，直接返回NAN
从第一位开始检查，是数字就转换

parseFloat(变量)

认识一次小数点
开头就不是数字，直接返回NAN
从第一位开始检查，是数字就转换

将其他类型转换成字符串

变量.toString()

有一些数据类型不能用这个方法，比如undefined和null

String(变量)

所有数据类型都可以使用

使用加法运算

在JS中，+有两个含义

字符串拼接：只要+任意一边是字符串，就会进行字符串拼接
加法运算：只有+两边都是数字时，才后进行数字运算

将其他类型转换成布尔

Boolean(变量)

在JS中，只有''、0、null、undefined、NAN,这些是false,其余都是true

    <script>var a= 100console.log(a)console.log(typeof a)var b=a.toString()console.log(b)console.log(typeof b)var c=String(a)console.log(c)console.log(typeof c)var d=a+a;console.log(d)console.log(typeof d)var e=Boolean(d)console.log(e)console.log(typeof e)var f=Boolean(null)console.log(f)console.log(typeof f)</script>

运算符

数学运算符

+ 1. 字符串拼接：只要+任意一边是字符串，就会进行字符串拼接
2.加法运算：只有+两边都是数字时，才后进行数字运算
- 会自动把两边都转换成数字进行运算
* 会自动把两边都转换成数字进行运算
/ 会自动把两边都转换成数字进行运算

比较运算符

=== 比较两边的值和数据类型是否都相等
!== 比较两边的值和数据类型是否不等

逻辑运算符（有短路用法）

&& 符号两边都为true，返回true
||
! 取反

自增自减运算符

++
--

三元运算符

条件 ? 语句一 : 语句二 ;

如果觉得文章有用或有问题，请关注或评论，以后会更新更多内容。

JavaScript学习笔记 Day1相关推荐

Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
Java程序猿的JavaScript学习笔记（汇总文件夹）
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
JavaScript学习笔记（五）
JavaScript学习笔记(五) ①Array类本地对象 ②Date类 ①Global对象对象的类型内置对象 ②Math对象宿主对象今天继续学习JS中的对象,昨天内置对象Global对 ...
JavaScript学习笔记（备忘录）
JavaScript学习笔记(备忘录) ===运算符判断数值和类型是否相等.如: console.log('s'==='s') //输出trueconsole.log('1'===1) //输出fa ...
Java程序猿的JavaScript学习笔记（10—— jQuery-在“类”层面扩展）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
JavaScript学习笔记（十）——学习心得与经验小结
JavaScript学习笔记(十)--学习心得与经验小结目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/mixer/archi ...
JavaScript 学习笔记（1）
1. 何为 Jscript JScript 是一种解释型的.基于对象的脚本语言. 局限性: 1) 不能使用该语言来编写独立运行的应用程序 2) 没有对读写文件的内置 ...
前端获取div里面的标签_web前端教程JavaScript学习笔记DOM
web前端教程JavaScript学习笔记 DOM一DOM(Document Object Model): 文档对象模型其实就是操作 html 中的标签的一些能力我们可以操作哪些内容获取一个元素 ...
JavaScript学习笔记之数组（二）
JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...