JavaScript的学习(入门一)

了解

1.JavaScript是一种编程语言,属于高级语言,是一个解释型语言

2.javas是一种脚本语言,其源代码在发往客户端运行之前不需要经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行

3.解释型语言:程序执行之前,不需要编译,直接运行时边解析边执行的语言。

   编译型语言:程序执行之前,需要一个专门的编译过程,把程序编译成为机器语言的文件(如:exe文件)

4.JavaScript的组成:①ECMAScript----------->JavaScript的语法标准

                                  ②DOM--------------------->JavaScript操作页面上的元素的API

                                  ③BOM--------------------->javasc操作浏览器的部分功能的API

(注释:API(Application Programma Interface)应用程序编程接口)是一些预先定义的函数

5.使用场景:前端开发,后端开发,移动端开发

知识:

一.JavaScript的语法规范:

1.JavaScript的三种书写格式:

①行内式:例如(<button onclick="alert(‘因为梦想所以选择远方,因为无所依靠所以必须坚强’);">因为梦想所以选择远方,因为无所依靠所以必须坚强</button>)

②页内式:---->a.标签中的js代码一般是写在文档的尾部

                 ----->b.网页是从上至下加载,js代码通常是给标签添加交互 

                  例如(</body>

                                   <script type="text/javascript">

                                         alert("因为梦想所以选择远方,因为无所依靠所以必须坚强!");

                                  </script>

                             </html>

                             或

        </body>

                                   <script>

            window.onload=function(){

                alert("因为梦想所以选择远方,因为无所依靠所以必须坚强!");

            } 

                                  </script>

                             </html>

                           )

③外链式------->如果使用了外链式格式,就不能再外链式的script里面写上代码,因为写上的代码是不会执行的。

错误:<script type="text/javascript">function(){alert('因为梦想');}</script>

2.常用的输出方式

①用网页弹出显示框,显示信息

<script type="text/javascript">
  alert("因为梦想,所以选择远方");
</script>

②将内容写到 HTML 文档中

<script type="text/javascript">
  document.writeln("因为梦想,所以选择远方");
</script>
③写入到浏览器的控制台

<script type="text/javascript">
  console.log("因为梦想,所以选择远方");
</script>

打开网页的时候会发现网页上什么都没有,是因为这个不是给用户看的,而是给开发者看的,如果要看可以按F12到开发者工具中的控制台输出那里看。

3.注意事项:

①一行代码结束后必须在代码的最后加上;

②严格区分大小写

③会忽略多个空格和换行

4.JS如何换行输入:(使用<br>)

document.write("好友"+"<br>"+"列表");
结果:

二.常量,变量,关键字,标识符

1.常量:

①整型常量-------->(控制台输出)是蓝色的字

②浮点数常量------>(控制台输出)是蓝色的字

③字符串常量------>用单引号或双引号括起来的-------->(控制台输出)是黑色的字

④布尔型常量

2.特殊字符:

①换行:

②制表符:

③回车:

3.变量:

①定义:var 变量名称;

例如:var name;

可以定义多个变量,例如:var name,age,birthday;

②为变量赋值:

例如:name = '呼啦啦';      //注意:=的左右两边各加一个空格,赋值的时候,=号的左侧必须是个变量

4.关键字:(不能作为变量名,函数名,关键字严格区分大小写)

break  case  catch  continue  debugger*   default   in  do  else  finally  for  function  if  try   

instanceof  new  return  switch  this  throw  typeof  var  void  while  with  delete

5.保留字:(预留的关键字,不能作为变量名,函数名)

class  const   enum  export  extends   import   super  implements   private   yield

package  static  let  protected

6.标识符:(可以自主命名)

规则:①可以有字母,数字,下划线,$符号

          ②不能以数字开头

          ③不能是ES中的关键字或保留字

          ④严格区分大小写

          ⑤一般采用驼峰命名法(首字母小写,每个单词的开头字母大写,其余字母小写)

 7.数据类型

①Number   数字类型------>不区分整型数值和浮点型数值(在js中所有的数值都是Number类型)

在JS中对数值进行计算时没有结果返回,则返回NaN

②String      字符串类型----->由单引号或双引号括起(单独的一个字母也被称为字符串)

注意:相同引号不能嵌套,不同引号可以嵌套

③Boolean   布尔类型-------->只能取真(true)和假(false),也代表1和0

注意:<1>任何非零的数值都是true,包括无穷大,只有0和Nan是false

          <2>任何非空字符串都是true,只有空字符串是false

          <3>任何对象都是true,只有null和undefined是false

Undefined表示变量未赋值,这种类型只有一种值就是undefined,undefined是Undefined类型的字面量

Null类型只有一种值就是null,语义上看null是一个空对象,用typeof返回的是Object类型

在js中两等号(==)是值比较,三个等号(===)是值比较和类型比较

④undefined 变量未初始化

⑤null           空类型

⑥Object       对象类型

⑦Array        数组类型

查看数据类型可以用 typeof 操作符,查看的类型可以以字符串的形式返回给我们

8.数据类型的转换:

①toString() ----------------->注意:null和undefined没有toString()方法

不会影响原变量

例如:

<script>

  var num=123;

  var str=num.toString();
  console.log(str);
</script>
②String函数
例如:
<script>
  var num=100;
  console.log(String(num));
</script>
③任何数据和加号(+)连接到一起都会转换为字符串
例如:
<script>
        var num=666;
        var str="因为梦想";  
        console.log(num+str);
</script>
 
⑨对一个值进行两次取反,它不会发生变化
 
⑩如何从键盘接收数据:(由于键盘所接收的是字符串,如果你需要的是数字则需转换为数字)
num1=Number(prompt("请输入第一个数"));
或者
num1=+(prompt("请输入第一个数"));
 
原文地址:https://www.cnblogs.com/jxt-icanfly/p/10507808.html