1-1-js-核心语法:打印,引入方式,变量

js语言可以和Python进行对比学习,

1,打印,
2,注释
3,变量,

js简介

js简介
英文:javascript
这是一门编程语言,
要学习什么?
1,js的核心语法:
    1,基础语法
    2,数据类型
    3,函数
    4,面向对象(ES6)
2,BOM:这是操作浏览器的,比如浏览器弹窗
3,DOM:这是操作浏览器上面html内容的,
就是这三部分

js是一个解释性语言,是需要一个解释器的,但是解释器比较特殊,只要有浏览器就可以解释js,

js的3种hello world

1,弹框输出
//alert ("hello")

2,页面输出,
//document.write(“Hello”)

3,控制台输出,
console.log("hello"),//该语句用来在控制台输出一个日志

js编写的4个位置

第一个:写在标签的onclick属性中,

第二个:写在a标签的href属性中,

<body
可以将js代码编写到标签的onclick属性中

当我们点击按钮时,js代码才会执行
虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用

<button onclick="alert("讨厌,你点我干嘛~~');">点我一下</button>
可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码
<a href="javascript:alert("让你点你就点! !);">你也点我一下</a>

<a href="javascript:;">你也点我一下</a>
</body>

第三个:写在script标签里面

第四个:写在script标签的src里面,

写一个地址,从外部引入一个文件,------这种方式推荐使用,

<!--可以将js代码编写到外部js文件中,然后通过script标签引入写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制推荐使用的方式-->
<!--script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略-->
<!--如果需要则可以在创建一个新的script标签用于编写内部代码-->
<script type="text/javascript" src="js/script.js" </script>
<script type="text/javascript">alert("我是内部的JS代码”) </script>

js基础语法


1,注释:

单行注释://
多行注释:/*注释内容*/
注释是必须的,这是一个好的编程习惯,

2,语句必须以分号结尾

3,变量声明的关键字:var 变量名 = "值"
js是属于动态类型,就是同一个变量可以存储不同类型的值,类似python,

4,js,对空格和换行是会自动忽略的,所以你怎么缩进你的代码,是不会影响js的执行的,

变量

变量命名规则
1,只能是字母,数字,下划线,$符号,这四种,不能是其他的,比如@#这样的都不行,
2,不能以数字开头,
3,严格区分大小写,
4,不能使用es中的关键字或保留字,作为变量名,比如var,if,for,别人已经用了,你就不能用了,
5,一般都是采用驼峰命名法,首字母小写,每一个字母的开头字母大写,其余小写,helloWorld,

//变量声明
var name = "小明";
var age = 10;
var $ = "女";

console.log("name",name);
console.log("age",age);
console.log("$",$);

ES6的新特性

1.const
ES5没有定义声明常量的方式,ES6标准中引入了新的关键字const来定义常量。
常量必须给初始值; 常量不能在同一作用域内重新定义或赋值;

const PI = 3.14;
console.log(PI);

2.let
JS中作用域有:全局作用域、函数作用域
ES6中新增了块级作用域。
let关键字声明块级变量
ES6中增加了let关键字声明变量,声明的变量只在当前代码块中生效(块级作用域)。

posted @ 2021-08-13 12:14  技术改变命运Andy  阅读(121)  评论(0编辑  收藏  举报