目录
学习目标
-
一、javaScript的介绍
-
二、js中的变量和常量⭐⭐⭐
-
三、js中的数据类型及转换⭐⭐⭐
一.javaScript的介绍
1.javaScript介绍
JavaScript是什么？ JavaScript 是一种运行在 客户端（浏览器）的编程语言
JavaScript组成是什么？ECMAScript( 基础语法-规则制定者 )、web APIs （DOM、BOM）
2.体验JavaScript：
需求：点击某个按钮弹出点击了
<script>
<button οnclick="alert('这也太神奇了吧')"></button>
</script>
3.JavaScript书写位置
- 内部js
<body> //通常放在底部，为什么?是不是代码逐行执行，先有dom树才能去操作
<script>内部js</script>
</body>
- 外部js
<!-- 外部js-->
<script src="./js/my.js"></script>//注意：标签内部不能写js- 行内js
<button onclick="alert('我是行内的')">我是按钮2</button> //注意引号位置4.JavaScript注释和结束符
1.注释：
-
单行 // 快捷键 ：ctrl+/
-
多行 /**/ shift+alt+A
2.结束符 ；分号
5.js输入和输出语句
<script>
// 1.弹出警示框
alert('hello,js')
// 2.文档输出内容
document.write('javascript i am comig')
document.write('<h1>我是H1标题</h1>')
// 3.控制台输出 面向 程序员
console.log('我是给程序员看的')
// 4. 输入语句
prompt('请输入您的年龄：')
</script>6.字面量
什么是字面量？举例：‘’字符串字面量 ， [] 数组字面量，数字字面量。。。。
二、js中的变量和常量
1.变量
变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆，通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】（数据）
<script>
//uname 就是定义的变量名
let uname = '刘亦菲'
let age = 15
let salary = 10000
console.log(uname, age)
console.log(salary)
</script>1.1 声明
声明(定义) 变量有两部分构成：声明关键字、变量名（标识）
<script>
// let 变量名
// 声明(定义)变量有两部分构成：声明关键字、变量名（标识）
// let 即关键字，所谓关键字是系统提供的专门用来声明（定义）变量的词语
// age 即变量的名称，也叫标识符
let age
</script>1.2 赋值
声明（定义）变量相当于创造了一个空的“容器”，通过赋值向这个容器中添加数据。
<script>
let age
// 赋值，将 18 这个数据存入了 age 这个“容器”中
age = 18
// 这样 age 的值就成了 18
document.write(age)
// 也可以声明和赋值同时进行
let str = 'hello world!'
alert(str);
</script>1.3 关键字
JavaScript 使用专门的关键字 let 和 var 来声明（定义）变量，在使用时需要注意一些细节：
以下是使用 let 时的注意事项：
-
允许声明和赋值同时进行
-
不允许重复声明
-
允许同时声明多个变量并赋值
-
JavaScript 中内置的一些关键字不能被当做变量名
以下是使用 var 时的注意事项：（现在学习已基本不用）
-
允许声明和赋值同时进行
-
允许重复声明
-
允许同时声明多个变量并赋值
大部分情况使用 let 和 var 区别不大，但是 let 相较 var 更严谨，因此推荐使用 let
1.4 变量名命名规则
关于变量的名称（标识符）有一系列的规则需要遵守：
-
只能是字母、数字、下划线、$，且不能能数字开头
-
字母区分大小写，如 Age 和 age 是不同的变量
-
JavaScript 内部已占用于单词（关键字或保留字）不允许使用
-
尽量保证变量具有一定的语义，见字知意
2. 常量
概念：使用 const 声明的变量称为“常量”。
使用场景：当某个变量永远不会改变的时候，就可以使用 const 来声明，而不是let。
命名规范：和变量一致
const PI = 3.14
三.数据类型
数据类型：两大类： 基本数据类型 和 复杂数据类型
1.基本数据类型：
- number 数字型 （可以是整数、小数、正数、负数 ）
<script>
let score = 100 // 正整数
let price = 12.345 // 小数
let temperature = -40 // 负数
document.write(typeof score) // 结果为 number
document.write(typeof price) // 结果为 number
document.write(typeof temperature) // 结果为 number
</script>- string 字符串型 （通过单引号（
''） 、双引号（""）或反引号包裹的数据都叫字符串 ）
<script>
let user_name = '小明'
let gender = "男"
let str = '123' // 看上去是数字，但是用引号包裹了就成了字符串了
let str1 = '' // 这种情况叫空字符串
documeent.write(typeof user_name) // 结果为 string
documeent.write(typeof gender) // 结果为 string
documeent.write(typeof str) // 结果为 string注意事项：无论单引号或是双引号必须成对使用，推荐使用单引号
- boolean 布尔型 true false
表示肯定或否定时在计算机中对应的是布尔类型数据，它有两个固定的值
true和false
- undefined 未定义型 undefine
<script>
// 只声明了变量，并末赋值
let tmp;
document.write(typeof tmp) // 结果为 undefined
</script>- null 空类型
let name = null
console.log(undefined + 1) // NaN
console.log(null + 1) // 1区别：
undefined 表示没有赋值
null 表示赋值了，但是内容为空
2.复杂数据类型
- object 对象
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
