JS 入门＜1＞

最新推荐文章于 2022-03-29 10:20:40 发布

云影y

最新推荐文章于 2022-03-29 10:20:40 发布

阅读量368

点赞数

文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/weixin_43918232/article/details/122911645

版权

1. 将其他的数据类型，转换为String

2. 将其他的数据类型转换成Number

3. 将其他的数据类型转换为Boolean

编写位置

编写到onclick，href属性中
编写到<script></script>中
编写到外部js文件中，然后通过<script></script>标签在<title></title>部分引入。（推荐）

<title>
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript">
			alert("我是内部的JS代码");
		</script>

</title>	
<body>
		
<button onclick="alert('1 编写到标签的onclick属性中，当我们点击按钮时，JS代码才会执行');">点我一下</button>

<!--超链接不会跳转-->
<a href="javascript:alert('写在超链接的href属性中，这样当点击超链接时，会执行JS代码');">你也点我一下</a>
		
<!--超链接点完后没有反应-->
<a href="javascript:;">你也点我一下</a>	
</body>

基本语法

注释多行注释：/**/ 单行注释：//
JS中严格区分大小写
JS中每一条语句以分号(;)结尾
JS中会忽略多个空格和换行，所以我们可以利用空格和换行来对代码进行格式化。

字面量&变量

字面量（常量）：都是一些不可改变的值，比如：12344。（字面量可直接使用，但不方便）
变量：变量可以用来保存字面量，而且变量的值是可以任意改变的。（可反复调用，方便更改)

<script type="text/javascript">
			//1、声明变量
			//在js中使用var关键字来声明一个变量
			var a;
			//2、为变量赋值
			a = 123;
			a = 456;
			//声明和赋值同时进行
			var b = 789;
			var c = 0;
			console.log(a);
		</script>

标识符

在js中所有的可以有我们自主命名的都可以称为是标识符。例如：变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵守如下的规则：

标识符中可以包含字母、数字、_、$
标识符不能以数字开头
标识符不能是ES中的关键字或保留字
标识符一般都采用驼峰命名法（首字母小写，每个单词的开头字母大写，其余字母小写如：helloWorld）

JS底层保存标识符时实际上采用的是Unicode编码（UTF-8），所以理论上讲，所有UTF-8中含有的内容都可以作为标识符。

数据类型

变量	解释	示例
String	字符串（一串文本）：字符串的值必须用引号（单双均可，必须成对）扩起来。	`let myVariable = '李雷';`
Number	数字：无需引号。	`let myVariable = 10;`
Boolean	布尔值（真 / 假）： `true`/`false` 是 JS 里的特殊关键字，无需引号。	`let myVariable = true;`
Array	数组：用于在单一引用中存储多个值的结构。	`let myVariable = [1, '李雷', '韩梅梅', 10];` 元素引用方法：`myVariable[0]`, `myVariable[1]` ……
Object	对象：JavaScript 里一切皆对象，一切皆可储存在变量里。这一点要牢记于心。	`let myVariable = document.querySelector('h1');` 以及上面所有示例都是对象。

其中String、Number、Boolean、Null、Undefined属于基本数据类型，而object属于引用数据类型。

typeof运算符可以检查一个变量的类型

typeof "John"                 // 返回 string
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object