Javascript基础学习（一）

最新推荐文章于 2022-11-23 17:32:46 发布
最新推荐文章于 2022-11-23 17:32:46 发布
阅读量142 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43690296/article/details/85075562
版权

一、变量
1、局部变量：其作用域是一个函数内，局部变量只能在创建它们的函数中使用。
全局变量：其作用域是整个脚本（以及在同一HTML文档中的其他脚本）。全局变量可以在任何地方是用，甚至是在函数
2、javascript里面的基本数据类型
boolean 布尔类型，即真假类型（ture、false）简称bool
undefined 未定义类型
null 空值类型
object 对象型
number 数字型
string 字符串型
3、如何声明变量
关键字 变量名称；
var a;
var A;
var smokePeople;
var SmokePeople;
注：js生命变量的关键字是var并且区分大小写。
3.在使用之前必须对变量进行初始化（赋值）
例如：
var a=10;
var b=“你好！”;
var c=ture;
var d=null;
var e=new people();
、、、
(二)、js如何声明方法
语法：关键字 方法名称(){}
function s(){ }
s();
函数相关语法：
(1).基础函数（不带参）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    function smoke(){
        console.log("123")
    }
    smoke();
</script>
</body>
</html>

（带参）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    function smokePeople(name,sex,age){
        console.log(name)
        console.log(sex)
        console.log(age)
    }
    smokePeople("张三","男",15);
</script>
</body>
</html>

(2).匿名函数（不带参）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var showNumber=function(){
        console.log(1234)
    }
    showNumber();
</script>
</body>
</html>

（带参）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var showList=function (a,b,c){
        console.log(a)
        console.log(b)
        console.log(c)
    }
    showList(5,6,7);
</script>
</body>
</html>

(3).自执行函数（不带参）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    (function (){
        console.log("男")
    })();
</script>
</body>
</html>

(带参)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    (function (d,e,f){
        console.log(d)
        console.log(e)
        console.log(f)
    })(6,7,8);
</script>
</body>
</html>

注：console.log()打印结果到控制台
document.write()打印结果到页面
(三)、运算符
+(加法或者连接字符串)、-(减法)、*(乘法)、/(除法)、%(取余)、++(自增)、–(自减)；
注：1.优先级从左到右依次提高
2.自增或自检放在变量名之前，先递增或递减后运算
自增或自检放在变量名之后，先运算后递增或递减

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        var a=10;
        var b=20;
        var c=10;
        var d=5.8;
        console.log(a*b++)
        console.log(a*++b)
        function showNumber(port1,port2){
            var m=(port1*port2)
            return m;
        }
        console.log(showNumber(a,b))
        function showList(port3,port4){
           var t=port3-parseInt(port4)
            return t;
        }
        var res=showList(c,d);
        console.log(res)
        10>5?console.log("1"):console.log("2")
    </script>
</head>
<body>

</body>
</html>

(四)、循环语句
for循环语法：
for(声明变量;判断语句;步长){循环体}
while循环语法：
while(条件表达式){循环体；步长；}
do{}while ()循环语法：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        for(var i=0;i<5;i++){
            for(var j=0;j<10;j++){
                document.write("*")
            }
            document.write("<br>")
        }
        for(var m=0;m<10;m++){
            for(var n=0;n<=m;n++){
                document.write("*")
            }
            document.write("<br>")
        }
        for(var t=0;t<9;t++){
            for(var k=0;k<=7-t;k++){
                document.write("&nbsp;")
            }
            for(var f=0;f<9;f++){
                document.write("*")
            }
            document.write("<br>")
        }
        for(var h=1;h<10;h++){
            for(var l=1;l<=h;l++){
                document.write(h+"*"+l+"="+(h*l<10?h*l+"&nbsp;&nbsp;&nbsp;&nbsp;":h*l+"&nbsp;&nbsp;"))
            }
            document.write("<br>")
        }
        for(var c=1;c<10;c++){
            for(var e=1;e<=c;e++){
                document.write(c+"*"+e+"="+c*e)
            }
            document.write("<br>")
        }
        var x=5;
        while(x>=4){
            x--;
            console.log(x)
        }
        var w=5;
        do{
            w--;
            console.log(w)
        }while(w>4);
        for(var r=0;r<4;r++){
            for(var p=r/2;p>=0;p--){
                document.write("&nbsp;")
            }
            for(var v=0;v<r+(r-1);v++){
                document.write("*")
            }
            document.write("<br>")
        }
    </script>
</head>
<body>
</body>
</html>
也许~~
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript学习基础学习心得
10-24
JavaScript基础深度原理学习心得，从中可以领略到JavaScript比较有深度的知识理解 JavaScript基础深度原理学习心得，从中可以领略到JavaScript比较有深度的知识理解
JavaScript基础学习
wl0326ghb的博客
12-30 2036
js
Javascript 基础知识学习
岳来的博客
11-23 6879
javascript 基础学习
JavaScript小知识点
weixin_50180131的博客
07-28 422
1.1JavaScript简介 JavaScript是一门脚本语言。计算机中除了脚本语言还有一下几种语言，这里我们总结一下： 汇编语言 脚本语言 机器语言 高级语言 以下注解可作为拓展材料： 1、脚本语言又被称为扩建的语言，或者动态语言，是一种编程语言，用来控制软件应用程序，脚本通常以文本（如ASCII)保存，只在被调用时进行解释或编译。 2、汇编语言（assembly language）是一种用于电子计算机、微处理器、微控制器或其他可编程器件的低级语言，亦称为符号语言。在汇编语言中，用助记符代替机
JavaScript学习（基础）
m0_49034593的博客
08-19 1267
js基础
JavaScript基础学习笔记
10-25
JavaScript 基础学习笔记 本资源摘要信息基于黑马视频记录的学习笔记，涵盖了 JavaScript 基础知识点，包括 HTML、CSS、JavaScript、DOM、事件处理等内容。 HTML 和 CSS 基础 * HTML 结构：head、body、title、...
Javascript 入门基础学习
10-29
这只是JavaScript入门的基础知识，随着学习的深入，你还将接触到函数、对象、数组、事件处理、DOM操作、异步编程（如Ajax）以及更多的高级特性。理解并掌握这些概念，你就能创建出丰富交互性的网页应用。继续学习和...
JavaScript基础学习-1
12-20
1. JavaScript基础：学习ECMAScript的基本规则，这是JavaScript的核心语言部分。 2. ES6实战：了解并应用ES6引入的新特性，如箭头函数、类、模板字符串等。 3. 面向对象编程：理解面向对象的概念并学会在JavaScript...
javascript基础学习代码总结
最新发布
01-18
还有写对于javascript对应的知识点案例。每个文件里都会有很多的注释信息，方面阅读和学习。 ...2.每个模块代码都有注释可用来...4.适合于没有javascript基础或javascript基础不扎实想要学习js知识点的人群参考和学习。
JavaScript从入门到精通学习笔记（一）
热门推荐
Terisadeng的博客
01-30 1万+
最近有些空闲时间觉得前端框架虽然提高了开发效率，却让人的基础变得薄弱，所以打算再去学习一下原生JS。第二章 使用JavaScript开发2.1、编写第一个JavaScript脚本‘开发工具：MyEclipse新建web项目命名Chapter2，在WebRoot目录下新建myfirstpage.htm文件，添加如下内容&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHT...
一，零基础学习JavaScript-JavaScript简介（0）
weshmily前端
07-02 1万+
**一、简单好学，富有表现力 —— JavaScript简介**1.1 JavaScript的用途JavaScript用来制作web页面交互效果，提升用户体验。简单列出几个JavaScript能够制作的页面效果，它能干什么： 轮播图 Tab栏（选项卡） 地图 表单验证 web前端三层来说： 层次 角度 作用 结构层 HTML 从语义的角度，
JavaScript基础入门
dangfulin的博客
08-21 5422
一，什么是JavaScript 1，与Java无关！与Java无关！与Java无关！ JavaScript是一种为网站添加互动以及自定义行为的客户端脚本语言， 通常只能通过Web浏览器去完成操作， 而无法像普通意义上的程序那样独立运行。 JavaScript是一种轻量级、解释型的 Web 开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都己嵌入了JavaScript引擎、JavaScript 源代码可以在浏览器中直接被解释执行，用户不用担心支持问题。 JavaScript的引入，符合”渐进增
JavaScript的基础学习（1）
一只洒鹿
04-04 264
目录 视频1： 页面的动态效果一般用js实现 视频2： js的特点 视频3： 讲解js中的变量 视频4： js的数据类型（有四种） 视频5： js的进制 视频6： 进制转换 视频7： 连接符号和转义字符 视频8： 算数运算符 视频9： 赋值运算符 视频1： 页面的动态效果一般用js实现 鼠标放到一个部件上去：onmouseover 鼠标从一个部件...
JS基础算法总结
Curtain的博客
03-24 2191
排序算法说明 （1）排序的定义：对一序列对象根据某个关键字进行排序； 输入：n个数：a1,a2,a3,…,an 输出：n个数的排列:a1’,a2’,a3’,…,an’，使得a1’ 再讲的形象点就是排排坐，调座位，高的站在后面，矮的站在前面咯。 （3）对于评述算法优劣术语的说明 稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面； 不稳定：如果a原本在b的
JavaScript基础学习（一）
MsStrbig的博客
10-10 310
（1）         //弹出一个警告框；向游览器中输入一个内容，可以在游览器看到;向控制台显示文字       alert("Hello Wrold")       document.write("Hello Wrold")       console.log("Hello Wrold")                  JS代码可以写在script标签中，从上到下依次执行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值