程序员

十、JavaScript 基础

作者:admin 2021-07-04 我要评论

文章目录 十、JavaScript 基础 10.1 JavaScript简介 10.2 JavaScript 的使用 10.3 JavaScript 基本语法 10.3.1 基本类型 10.3.2 变量的声明及使用 10.3.3 JS 中...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)


十、JavaScript 基础

10.1 JavaScript简介

JavaScript 简称 JS 是用于制作网页的动态效果的,如:页面的弹出广告、浮动广告、下拉菜单、表单验证等功能都由 JavaScript 完成;JS 是嵌入在网页中的一个脚本语言;它不像 Java 一样庞大,但它的灵活度高;JavaScript 它是目前所有前端框架的基础;在前端框架中,底层都是使用HTML+CSS+JavaScript 实现的;JavaScript 是基于对象的编程需要,写在页面中,由浏览器运行的一个脚本语言;但JavaScript 和我们传统意义上的编程语言一样。

10.2 JavaScript 的使用

JS 代码必须编写在<script>js 代码</script>标签中,script 标签可以在网页的任何位置编写,一般将该标签放在 head 标签,目前流行的开发方式是将 script 放到网页结束位置。
在这里插入图片描述

10.3 JavaScript 基本语法

10.3.1 基本类型

数据类型,JavaScript 属于弱类型语言,在 JS 中没有明确的数据类型表示,它根据变量的值自动确定数据类型;
int age = 10;(java 中对每个变量都有明确的类型定义)
var age =”10”;(js 中变量的定义,是根据值来确定类型的)
JavaScript 中分三种类型表示所有数据:
(1) number 类型(int,float,double);
(2) string 类型(字符、字符串);
(3) boolean 逻辑类型(true,false);
使用 typeof(变量)函数可以检测一个变量的数据类型。
在这里插入图片描述

10.3.2 变量的声明及使用

由于 JS 是一个弱类型的语言,在 JS 中没有明确的数据类型,所有在声明变量时不需要指定数据类型(Java 等编程语言在使用时需要指定具体类型的);
JS 通过 var 关键字来声明变量(var 关键字可以省略<但不建议>);
var age = 10;
var name = “强哥”;
document.write(“姓名:”+name+“年龄:”+age);

  1. let和var一样都是用来声明变量的;
  2. let属于块级变量,使用let定义的变量只能在某一个代码块使用;
  3. var 定义全局变量,在代码块定义的变量,在代码块外部依然可以使用;
  4. 如果声明变量时省略了 let 或 var 则默认以 var 的方式声明。

10.3.3 JS 中的流程控制语句

(1)if 语言(单分支) 、if-else 语句(双分支)、 多重 if-else 语句(多分支);
(2)switch(多分支等值判断);
(3)while、do-while、for。
乘法口诀表
在这里插入图片描述
等腰三角形
在这里插入图片描述

10.3.4 JS 中函数的使用

JS 的函数和 Java 中的方法是一样的;函数定义好后是不执行的,当我们去主动调用函数时函数才会执行;

function show(参数){
    //函数体
}

在这里插入图片描述
声明函数时不指定返回类型(由于 JS 是弱类型的语言),但函数可以有返回值。
调用函数
JS 是事件驱动的语言,调用函数需要在相关的事件中调用(通过事件来调用函数)

在这里插入图片描述
等腰三角形函数实例
在这里插入图片描述
在这里插入图片描述
:JS 中虽然没有声明函数的返回类型,但 JS 中的任意函数都可以使用return 关键字返回结果,而且 JS 中的函数可以相互调用。
在这里插入图片描述

;原文链接:https://blog.csdn.net/qq_52916408/article/details/115681245

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 十、JavaScript 基础

    十、JavaScript 基础

  • Sessin详解

    Sessin详解

  • CSS快速入门及优势(前端基础)

    CSS快速入门及优势(前端基础)

  • Vue安装到精通 项目实战(2021最新!)

    Vue安装到精通 项目实战(2021最新!)

腾讯云代理商
海外云服务器