my:js对象_js变量_js函数

1. 区别
1.1 对象与函数
"标准的" 对象, 和函数节
一个 Javascript 对象就是键和值之间的映射.。键是一个字符串(或者 Symbol) ,值可以是任意类型的值。 这使得对象非常符合 哈希表。

函数是一个附带可被调用功能的常规对象。

1.2 对象与变量
//js对象有花括号{} --> var person={}
js变量:var person='';

2. 具体细节
2.1
js对象:
//js对象有花括号{}
var person = {
  name : ['Bob', 'Smith'],
  age : 32,
  gender : 'male',
  interests : ['music', 'skiing'],
  bio : function() {
    alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
  },
  greeting: function() {
    alert('Hi! I\'m ' + this.name[0] + '.');
  }
};

//-----------------------------------------------------
一个对象由许多的成员组成,每一个成员都拥有一个名字(像上面的name、age),和一个值(如['Bob', 'Smith']、32)。每一个名字/值(name/value)对被逗号分隔开,并且名字和值之间由冒号(:)分隔,语法规则如下所示:

var objectName = {
  member1Name : member1Value,
  member2Name : member2Value,
  member3Name : member3Value
}
对象成员的值可以是任意的,在我们的person对象里有字符串(string),数字(number),两个数组(array),两个函数(function)。前4个成员是资料项目,被称为对象的属性(property),后两个成员是函数,允许对象对资料做一些操作,被称为对象的方法(method)

一个如上所示的对象被称之为对象的字面量(literal)

//---
对象
在计算机科学中, 对象是指内存中的可以被 标识符引用的一块区域.

属性节
在 Javascript 里,对象可以被看作是一组属性的集合。用对象字面量语法来定义一个对象时,会自动初始化一组属性。(也就是说,你定义一个var a = "Hello",那么a本身就会有a.substring这个方法,以及a.length这个属性,以及其它;如果你定义了一个对象,var a = {},那么a就会自动有a.hasOwnProperty及a.constructor等属性和方法。)而后,这些属性还可以被增减。属性的值可以是任意类型,包括具有复杂数据结构的对象。属性使用键来标识,它的键值可以是一个字符串或者符号值(Symbol)。

ECMAScript定义的对象中有两种属性:数据属性和访问器属性。

//------------------------------------------------------
2.2 js变量:
var a = "A";
var b = a;

js变量细节:
js变量的另一个特性就是它们能够存储任何的东西 -- 不只是字符串和数字。变量可以存储更复杂的数据,甚至是函数。你将在后续的内容中体验到这些用法。
我们说,变量是用来存储数值的,那么有一个重要的概念需要区分。变量不是数值本身,它们仅仅是一个用于存储数值的容器。你可以把变量想
象成一个个用来装东西的纸箱子。

 

提示: 千万不要把两个概念弄混淆了,“一个变量存在,但是没有数值”和“一个变量并不存在” — 他们完全是两回事 — 在前面你看到的盒子的类比中,不存在意味着没有可以存放变量的“盒子”。没有定义的值意味着有一个“盒子”,但是它里面没有任何值。


2.3 js函数
function changeColor(e){
    var randomColor='rgb('+random(255)+','+random(255)+','+random(255)+')';
    e.target.style.backgroundColor=randomColor;
//    console.log(e);
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Web开发中,Python通常作为后端语言,而HTML和JavaScript则作为前端语言。因此,要将Python数据传递给HTML,需要使用一些框架和库来实现。其中比较常用的是Django和Flask。 在Django中,可以使用模板语言来将Python数据传递给HTML。模板语言是一种类似于HTML的语言,可以嵌入Python代码。在视图函数中,将需要的数据传递给模板,然后在模板中使用模板语言渲染数据到HTML页面中。例如: views.py: ```python from django.shortcuts import render def my_view(request): my_data = {'name': 'John', 'age': 30} return render(request, 'my_template.html', {'data': my_data}) ``` my_template.html: ```html <p>My name is {{ data.name }} and I am {{ data.age }} years old.</p> ``` 在Flask中,可以使用Jinja2模板引擎来实现类似的功能。Jinja2也是一种模板语言,支持嵌入Python代码。在视图函数中,将需要的数据传递给模板,然后在模板中使用Jinja2渲染数据到HTML页面中。例如: app.py: ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def my_view(): my_data = {'name': 'John', 'age': 30} return render_template('my_template.html', data=my_data) ``` my_template.html: ```html <p>My name is {{ data['name'] }} and I am {{ data['age'] }} years old.</p> ``` 要将HTML/JS变量传递给Python,则需要使用AJAX技术。AJAX可以通过异步请求将数据发送到后端,然后在后端使用Python处理数据。其中,前端可以使用jQuery等库来简化AJAX的操作。例如: index.html: ```html <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { var my_data = {'name': 'John', 'age': 30}; $.ajax({ type: 'POST', url: '/my_view', data: JSON.stringify(my_data), contentType: 'application/json', success: function(response) { console.log(response); } }); }); </script> ``` app.py: ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/my_view', methods=['POST']) def my_view(): my_data = request.get_json() # 处理数据... return jsonify({'status': 'ok'}) ``` 在上述代码中,前端使用了jQuery的ajax函数发送了一个POST请求到/my_view路径,并将数据my_data以JSON格式发送到后端。后端使用Flask的request对象来获取数据,并使用Python处理数据。最后,后端返回一个JSON格式的响应,告诉前端数据处理的结果。在前端的ajax函数中,可以通过success回调函数来处理后端返回的数据。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值