前端基础三之 JavaScript 基础

ベ布小禅

关注

发布于: 4 小时前

题外话

📢 博客主页：❤布小禅❤📢 作者专栏：❤Python❤❤Java❤

前言

身为一个合格的后端开发人员

前端的基础知识也是需要了解的

1. JavaScript 基础

JavaScript 是一门网络脚本语言，他非常流行，你可能不使用它，但是你不能否认他的强大！

1.1 JavaScript 介绍

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言，在你使用它之前，你无需像 java，Python 一样下载某个版本的 jdk 或者 Python，你只需要在你的电脑上有浏览器，你就可以使用 JavaScript 语言。

JavaScript 是可插入 HTML 页面的编程代码，你可以像插入 css 一样插入 js 代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习。

1.2 基础语法

任何一种语言都有他的基础语法，而每个语言的语法也都不一样，但是都大同小异

1.2.1 Hello World

使用 JavaScript 输出 Hello World

通过内部嵌入 js 代码实现

   <!DOCTYPE html>   <html lang="en">   <head>       <meta charset="UTF-8">       <title>Title</title>   </head>   <script type="text/jsvascript">       alert("Hello");   </script>      <body>      </body>   </html>

复制代码

通过调用外部 js 文件

   <!DOCTYPE html>   <html lang="en">   <head>       <meta charset="UTF-8">       <title>Title</title>   </head>   <script src="StudyJS.js" type="text/javascript"></script>   <body>      </body>   </html>

复制代码

js 代码：

   alert("World");

复制代码

如果既想嵌入 js,又想引入外部文件怎么办呢?

那就写两个 script 标签

1.2.2 注释

js 的注释和 java 的注释是相同的

//表示单行注释

/**/表示多行注释

就不做演示了

1.2.3 变量

不同于 java 的类型变量名 = 值;/类型变量名;一个声明加定义，一个声明

也不同于 Python 的变量名=值

js 的任何一个数据类型都可以需要使用 var 关键字来声明，但是声明的类型却是可以任意赋值，不像 java 有类型显示，js 的 var 既可以声明数据类型，也可以声明函数，类等

var i;i=1;alert(i+"：  "+typeof (i)); // numberi="asa";alert(i+"：  "+typeof (i)); // stringi=1.1;alert(i+"：  "+typeof (i)); // numberi=truealert(i+"：  "+typeof (i)); // booleani='a';alert(i+"：  "+typeof (i)); // string

复制代码

var 一般使用在var i = 1;这样的时候，而先声明，有一个 let 关键字

当然使用 var 也是不会错的

就像这样：

let i;i=1;

复制代码

三个关键字：var、let、const

1.2.4 数据类型

所有数字都是：number 类型（1、1.1）

var a = 1;typeof(a);  //number

复制代码

所有字符，字符串都是：string 类型（"as"，'sa'）

var b = "撒飒飒";typeof(b);  //string

复制代码

true 和 false 是：boolean 类型（true,false）

var c = true;typeof(c);  //boolean

复制代码

未被定义的变量是：undefind 类型

let d;typeof(c);  //undefind

复制代码

不是数字数值的是：NAN 类型（'a'*1）

var e=10,f="aa";alert(e*f);  //NAN

复制代码

当然还有数组，函数，类类型

1.3 条件控制语句

1.3.1 循环

while 循环
与 C 语言，java 语言循环一样的格式

   var a = "abcdefgh";  //定义一个字符串   var b = 0;   //定义一个循环变量   while(b<a.length){       alert(a[b]); //输出       b++;  // 循环变量更新，不更新会变成死循环   }

复制代码

for 循环
格式相同，只是循环变量的格式为 var/let/const

   var a = "abcdefgh";  //定义一个字符串   for(var i=0;i<a.length;i++){       // 循环变量的定义和更新在括号里       alert(a[i]);   }

复制代码

1.3.2 判断

格式：

if (布尔表达式){    代码块}else if(布尔表达式){    代码块}else{    代码块}

复制代码

代码：

var a = 10,b = 10;if (a==b){    alert(a+b);}

复制代码

1.3.3 continue break

和 java 语言和 Python 语言一样，continue 是跳出当前循环，break 是打破循环，进入下一代码块。

1.4 函数

1.4.1 定义

函数有两种定义方式，第一种就是万能的 var/let/const

let sum1 = function (){    alert("第一种定义方式")}

复制代码

第二种是 funtion 关键字：

function sum(){    alert("第一种定义方式");}

复制代码

当然，这两种定义的方式都是一样的，而调用也是和别的预压一样

1.4.2 参数

和 Python 函数传参一样，不需要功参数的类型，只需要传递个数

let te1 = function (a,b,c){    alert("a的值："+a);    alert("b的值："+b);    alert("c的值："+c);}

复制代码

1.4.3 返回值

使用 return 关键字来确定返回值

let te2 = function (a,b,c){    return a+b+c;}

复制代码

1.5 面向对象

JavaScript 是一个面向对象的语言

1.5.1 定义

var 对象名 = {};

复制代码

是的，就是这么的简单

定义对象的属性:

对象名.属性名 = 值;

复制代码

定义对象的行为（方法，函数）：

对象名.函数名 = function(){    代码块}

复制代码

1.5.2 实例

创建一个 Person 对象，设置 name 和 age 属性，设置 say 方法

var Person = {}Person.name = "";Person.age = 0;Person.say=function(){    alert("说话");}

复制代码

结语

兴趣是最好的老师，坚持是不变的真理。学习不要急躁，一步一个脚印，踏踏实实的往前走。每天进步一点点，日积月累之下，你就会发现自己已经变得很厉害了。

我是布小禅，一枚自学萌新，跟着我每天进步一点点吧！

发布于: 4 小时前阅读数: 2

原文链接:【http://xie.infoq.cn/article/acee7f4da100fadf8ead644aa】。文章转载请联系作者。

ベ布小禅

关注

还未添加个人签名 2021.04.06 加入

平平无奇一萌新，默默无闻学IT，我是布小禅，一个网络专业却对编程及其感兴趣的小白！目前在学python和Java，都很浅显，平时爱写点学习笔记。IT技术交流群：1039347613 也可以联系本人企鹅：2228660752 v：Smly0413

发布

暂无评论

创作场景

前端基础三之 JavaScript 基础

题外话

前言

1. JavaScript 基础

1.1 JavaScript 介绍

1.2 基础语法

1.2.1 Hello World

1.2.2 注释

1.2.3 变量

1.2.4 数据类型

1.3 条件控制语句

1.3.1 循环

1.3.2 判断

1.3.3 continue break

1.4 函数

1.4.1 定义

1.4.2 参数

1.4.3 返回值

1.5 面向对象

1.5.1 定义

1.5.2 实例

结语

ベ布小禅

评论