01_JavaScript入门_简单介绍JS作为Web前端工程师的真正的编程语言

2021-10-19

字数统计: 820字 | 阅读时长≈ 3分

JavaScript 是运行在浏览器端的脚本语言
- JavaScript主要解决的事前端和用户交互的问题（ajax处理部分业务逻辑问题）
  - 包括使用交互与数据交互，JavaScript是浏览器解释执行的。

1、前端三大块

HTML：页面结构
CSS：页面表现
- 元素大小、颜色、位置，隐藏或显示，部分动画效果
JavaScript：页面行为
- 部分动画效果、页面与用户的交互，页面功能
  2、JavaScript语言简单了解
弱语言
脚本语言
需要引入到html运行

3、JavaScript嵌入页面的方式

行间事件（主要用于事件）

1	<input type="button" name="" onclick="alert('ok!');"> <!--一般不推荐使用-->

页面script标签嵌入

1
2
3

<script type="text/javascript">         <!--一般写在head里面使用-->
  alert('ok!');
</script>

外部引入

1	<script type="text/javascript" scr="js/index.js"></script>

4、JavaScript的变量、数据类型以及基本语法规范

****

** 01、 JavaScript 是一种弱类型语言**

javascript的变量类型由它的值来决定。定义变量需要用关键字“var”
一般javascript 语句的结尾以“；”结束。

1 2	var iNum=123; var sTr='asd';

1 2	//同时定义多个变量可以用“，”隔开，公用一个‘var’关键字 var iNum=45,sTr='qwe',sCont='68';

** 02、 JavaScript 的变量类型**

5种基本数据类型
- number
  - 数字类型
- **string **
  - 字符串类型
- **boolean **
  - 布尔类型
- undefined
  - undefined类型变量声明未初始化
- **null **
  - null类型
  - 表示空对象如果定义的变量将来准备保存对象，可以将变量初始化为null，在页面上获取不到对象，返回值就是null
1种复合类型
- object———js中数组属于对象类型，字典也属于对象类型。

** 03、 JavaScript 的命名规范**

区分大小写
第一个字符必须是字母，下划线（_）或者*美元符号（$*）
其他字符可以是字母、下划线、美元符号或数字
最终会下载到一行，不加分号结尾，容易出错。

** 04、 JavaScript 的命名风格**

匈牙利命名风格：——--针对弱类型语言较好。

对象 o
- Object
- 比如：oDiv
数组 a
- Array
- 比如：aItems
字符串 s
- String
- 比如：sUserName
整数 i
- Integer
- 比如：iitemCount
布尔值 b
- Boolean
- 比如：bIsComplete
浮点数 f
- Float
- 比如：fPrice
函数 fn
- Function
- 比如：fnHandler
正则表达式re
- RegExp
- 比如：reEmailCheck

5、 JavaScript 的函数

**** 函数就是重复执行的代码片。

** 01、函数定义与执行**

<script type="text/javascript">
  //函数定义
  function fnAlert(){
    alert('Hello!!!');
  }
  //函数执行
  fnAlert();
</script>

** 02、变量与函数预解析**

**** JavaScript解析过程分为两个阶段，先是编译阶段，然后执行阶段，在编译阶段会将function定义的函数提前，并且将var定义的变量声明提前，讲它赋值为undefined。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS函数</title>
    <script>
        //定义函数
        function fnMyAlert(i){
            alert('myAlert被调用了！！');
            alert(i);
        }
        //调用函数
        var iNum00=15;
        fnMyAlert(iNum00);

    </script>
</head>
<body>

</body>
</html>

本文作者： 梁俊可
本文链接： http://ljk3d.com/2021/10/19/webNote/JavaScriptNote/01_JavaScript入门_简单介绍JS作为Web前端工程师的真正的编程语言/
版权声明： 梁俊可工作室

1、前端三大块

2、JavaScript语言简单了解

3、****JavaScript嵌入页面的方式

4、****JavaScript的变量、数据类型以及基本语法规范

****

匈牙利命名风格：——--针对弱类型语言较好。

** 5、 JavaScript 的函数**

3、JavaScript嵌入页面的方式

4、JavaScript的变量、数据类型以及基本语法规范

5、 JavaScript 的函数