关键词:
alert() 警示
document.write() 计算机显示
prompt() 提示,对话框
console.log(); 控制台
let 给,让。后面跟变量
var和let的区别
let比var更加专一,let只能引用一个声明。属于块级声明。更加我们方便修改和调整。
什么叫做javascript?
“JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
js的组成部分
JavaScript由ESMAScript(javascript的语言基础),
DOM(页面文档对象模型),BOM(浏览器对象模型)
js的引入方式
内嵌式,直接在需要作用的类里面书写。一般不推荐
内部式,用 `script` 标签包裹 JavaScript 代码,一般用于小demo
外部式,单独用一个js文件书写,然后用 <script src="xxx.js"></script>引入
eg:如果在<script src="xxx.js"></script>书写了样式是不会生效的。只会生效文件内的内容
js的输入和输出
输入主要是prompt()
输出是`alert()`、`document.wirte()`console.log()
其中里面的元素都需要英文字符下的''包裹。
eg: prompt('请输入您的姓名') document.wirte('你好世界')
<script>
// alert,prompt会先于其他的先执行
console.log( prompt('请输入你的密码'));
document.write("欢迎来到骗子的世界")
alert('你被骗了傻雕')
</script>
声明变量
声明(定义)变量有两部分构成:声明关键字、变量名(标识)
let 变量名
声明(定义)变量有两部分构成:声明关键字、变量名(标识)
let 即关键字,所谓关键字是系统提供的专门用来声明(定义)变量的词语
age 即变量的名称,也叫标识符
let age = 18
let name = '韩明明'
变量的命名规则:
1. 只能是字母、数字、下划线、$,且不能是数字开头
2. 字母区分大小写,如 Age 和 age 是不同的变量
3. JavaScript 内部已占用于单词(关键字或保留字)不允许使用
4. 尽量保证变量具有一定的语义,见字知义
使用let的注意事项:
1. 允许声明和赋值同时进行
2. 不允许重复声明
3. 允许同时声明多个变量并赋值
4. JavaScript 中内置的一些关键字(let,var,if等)不能被当做变量名
<script>
let age = 18 // 正确
let age1 = 18 // 正确
let _age = 18 // 正确
// let 1age = 18; // 错误,不可以数字开头
let $age = 18 // 正确
let Age = 24 // 正确,它与小写的 age 是不同的变量
// let let = 18; // 错误,let 是关键字
let int = 123 // 不推荐,int 是保留字
</script>
常量
概念:使用 const 声明的变量称为“常量”
使用场景:当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。
命名规范:和变量一致
数据类型
基本数据类型: 引入数据类型
number 数字类型 object{
string 字符串类型 function
boolean 布尔型 ture and false Array
undefined 未定义型 Math
null 空类型 Date }
symbol 符号
bigint Transact-SQL的系统数据类型
我们可以通过 typeof 关键字检测数据类型
<script>
let age = 18;
let age1 = "你愁啥";
let age2 = true;
let age3 = undefined;
let age4 = null;
document.write(typeof age );
document.write(typeof age1);
document.write(typeof age2);
document.write(typeof age3);
document.write(typeof age4);
console.log(typeof age); /* number 数字类型*/
console.log(typeof age1); /* string 字符串类型*/
console.log(typeof age2); /* boolean 布尔类型*/
console.log(typeof age3); /* undefined类型 */
console.log(typeof age4); /* object特殊类型,对象的初始值 */
</script>
变量的运算
变量的遵循四则运算,%表示取余数。5%10=5.当不够时本身就被于下来。
<script>
let number = 10
let number1 = 20
let number2 = 30
// 0,610,-29.5,30,10
// 跟四则运算一样的。%取余跟乘除一样
console.log(number + number1 -number2);
console.log(number + number1 * number2);
console.log(number / number1 -number2);
console.log(number + number1 % number2);
console.log(number % number1 %number2);
console.log(1 + 9-5 % 10);
</script>
字串符的拼接
字符串可以通过+号来拼接但是每一个元素都要用''号包裹有些繁琐。
我们一般通过``包裹内容直接书写,然后${xxx}包裹变量即可。
<script>
let kun=("我是坤坤")
let lan=("篮球")
let skill=("唱跳")
// 字符串的拼接可以用+号显示
// document.write("大家号,"+ kun + "我会"+skill+"还有"+lan)
// 同时也可以通过,模板字符`包裹起来然后用$即可中间不要留空格
document.write(`大家号,${kun}我会${skill}还有${lan}`)
</script>
数据类型的转换
隐形转化
数字+字符串等于字符串
num+num1='102'
但是减法和乘法以及除法包含百分比都是生效的都等于数字。
字符串在前面加上一个+号就变成了数字。
eg :+num1+num=12
<script>
let num = 10;
let num1 = "2";
// 字符串加任何东西都可以变成字符串
// 或者前面加一个+号也可以
console.log(+num + num1);
// 除了加法以外都可以生效
console.log(num + num1);
console.log(num - num1);
console.log(num * num1);
console.log(num / num1);
// 字符串转化为数字时可以用-0,*/1
console.log(num + (num1 - 0));
console.log(num + num1 * 1);
console.log(num + num1 / 1);
// 当数字想转化为字符串的时候可以用+字符就行
console.log(num + "你在看什么" + num1);
const num3 = 10;
console.log(typeof num3 + "11"); //number 11
console.log(typeof (num3 + "11")); //string
console.log(typeof (num3 + +"11")); //number
</script>
显性转化
直接利用Number,String进行转换。
console.log(Number(xxxx))即可
<script>
let num = 3.4;
let num1 = "3.4";
// 将字符串转化为数字,如果有非数字组成,则会变NAN
console.log(Number(num1) + 1); //4.4
表示取整数部分
console.log(parseInt(num1)+1); //4
console.log(parseFloat(num1)+1);//4.4
// 将数字转换为字符串
console.log(String(num) + 1);//'3.41'
console.log(num.toString() + 1);//'3.41'
</script>