JavaScript的学习

ZvemiW9303

已于 2022-07-05 15:23:42 修改

阅读量234

点赞数

文章标签：大数据 javascript

于 2022-06-29 17:53:00 首次发布

本文链接：https://blog.csdn.net/weixin_63446001/article/details/125520405

版权

JS基础 day1

1，JavaScript介绍

JavaScript是什么？

JavaScript是一种运行在客户端的编程语言，实现人机交互效果。

JavaScript有什么作用？

网页特效、表单验证、数据交互、服务端编程。

JavaScript的组成：

ECMAScript（javascript语言基础）＋WEB APIs {DOM(页面文档页面模型)＋BOM(浏览器对象模型) }

ECMAScript：规定了js基础语法核心知识

如：变量、分支语句、循环语句等

WEB APIs

DOM 操作文档如：对页面元素进行移动、大小调整等
BOM 操作浏览器如：页面弹窗、存储数据到浏览器中等

JavaScript书写位置

内联
内部
外联

1.内部JavaScript

直接写在html文件里，用script标签包住

规范: script标签写在</body>.上面

拓展: alert("你好， js')页面弹出警告对话框

<body>
    <script>

        alert( '嗨，欢迎来传智播学习前端技术!')
        
        </script>
</body>

注意：我们把<script>放在HTML文件的底部附近，原因是浏览器会按照代码在文件中的顺序加载HTML，因此，我们最好将JavaScript放在HTML底部。

        2.外部JavaScript
                代码写在以.js结尾的文件里 <body>
                语法:通过script标签，引入到html页面中。

名字（my.js）
alert('美好的一天')

 <script src="./my.js">

</script>

注意事项
1.script标签中间无需写代码，否则会被忽略!
2.外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML也会更加易读。

3.内联JavaScript

代码写在标签内部
语法:直接写在按钮button内部

<body> 
<button onclick="alert('逗你玩~~~')">点击我月薪过万</button>
</body>

注意:此处作为了解即可，但是后面vue框架会用这种模式

JavaScript注释
1. 单行注释
符号://
作用://右边这一行的代码会被忽略
快捷键:ctrl+/ //可以重复注释

2. 块注释
符号:/* */
作用:在/*和*/之间的所有内容都会被忽略
快捷键:shift+alt+A

javaScript结束符
结束符
代表语句结束（英文分号;）可写可不写。但为了风格统一，要写结束符就每句都写要么每句都不写(按照团队要求.)

JavaScript输入输出语法
1. 输出语法:

向body内输出内容：

document.write('要输出的内容');

页面弹出警告对话框：

alert('要输出的内容');

控制台输出语法，程序员调试使用

console.log('控制台打印')

2.输入语法:
显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

prompt('请输入您的姓名:');

JavaScript介绍小结
1.JavaScript是什么?
JavaScript是一门编程语言，可以实现很多的网页交互效果。
2.JavaScript书写位置?
内联javaScript
内部javaScript-写到</body>标签上方
外部JavaScript-通过src引入html页面中，但是<script>标签不要写内容，否则会被忽略
3.JavaScript的注释?
单行注释 // 多行注释 /* */
4.JavaScript的结束符?
分号;可以加也可以不加，可以按照团队约定注意换行默认为结束符
5.JavaScript输入输出语句?
输入:prompt()
输出:alert() documentwrite()consolelog()

2，变量

1.声明变量的方法：let 变量名（标志符） eg：let arr = [1,2,3]

（[]为数组字面量、{}为对象字面量）

2.数组中的元素有序，对象无需，同时注意数组的索引号（下标）从0开始。

3.数组中元素的个数可以通过length属性取到

4.声明后可以使用“=”进行赋值，也可以直接在声明时赋值例如let age = 18;

5.let不允许多次声明一个变量。但是可以一次声明多个变量，例如：let age = 19，name = '李';

6.变量名的规则规范：

①不能使用关键字（有特殊含义的字符例如：let、var、if、for）

②只能用下划线、字母、数字、$组成，且开头不能是数字

③字母严格区分大小写，例如age和Age是不同的变量

④起名要有意义，做到见名知意

⑤遵守小驼峰命名法：第一个单词首字母小写，后面每个单词首字母大写。如：myFirstName

7.var和let的区别：

①var可以先使用，再声明（不合理）。直接对某个未声明的变量赋值时默认为var。

②var变量可以重复声明（不合理）

③var是全局变量、let是块变量，作用域不同

（为避免出现作用域冲突，除特殊需求外建议都用let声明）

3，数据类型

①JS是弱数据类型，变量到底属于哪种类型需要赋值后才可以确定

②通过单引号（''）、双引号（""）或反引号（`）单引号/双引号可以相互嵌套，但不可以自己嵌套自己。同时可以使用转义符\输出单引号或双引号。

③在这里补充一个模板字符串（用于拼接字符串和变量）：``（两个反引号，在拼接变量时用${}包住变量名即可）

④可以通过typeof关键字检测数据类型，例如：console.log(typeof age)